我正在尝试使用 Xamarin 和 MvvmCross 在 iOS 中创建一个可扩展的 ListView 。

场景是我有一个 ListView ，当 ListView 中的一行被选中时，它展开(动画)以显示一个 Collection View ，通过延迟加载加载。

这是我目前的代码:

适配器:

public class MercatoAnimatedExpandableTableSource : MvxTableViewSource
{
    private readonly string _key;
    private readonly List<object> items;
    private Dictionary<object, bool> expandableState = new Dictionary<object, bool>(); 

    public MercatoAnimatedExpandableTableSource(UITableView tableView, IEnumerable<object> items, UINib nib, string key)
        : base(tableView)
    {
        _key = key;
        this.items = items.ToList();
        this.items.ForEach(x => expandableState[x] = true);
        tableView.RegisterNibForCellReuse(nib, key);
    }

    protected override UITableViewCell GetOrCreateCellFor(UITableView tableView, NSIndexPath indexPath, object item)
    {
        var cell = tableView.DequeueReusableCell(_key);

        cell.Frame = new RectangleF(cell.Frame.X, cell.Frame.Y, cell.Frame.Width, GetHeightForRow(tableView, indexPath));

        return cell;
    }

    public override void RowSelected(UITableView tableView, NSIndexPath indexPath)
    {
        base.RowSelected(tableView, indexPath);

        var isExpanded = expandableState[items[indexPath.Row]];

        expandableState[items[indexPath.Row]] = !isExpanded;

        var row = this.GetCell(tableView, indexPath);

        (row as FamilysubgroupViewCell).ExpandCells();

        tableView.ReloadRows(new[] { indexPath }, UITableViewRowAnimation.Automatic); 
    }

    public override float GetHeightForRow(UITableView tableView, NSIndexPath indexPath)
    {
        var isExpanded = expandableState[items[indexPath.Row]];
        if (isExpanded)
        {
            return 25;
        }

        return 400;
    }

    protected override object GetItemAt(NSIndexPath indexPath)
    {
        return items[indexPath.Row];
    }
}

单元格:

    public FamilySubgroupViewCell (IntPtr handle) : base (handle)
    {
        this.DelayBind(() =>
        {
            this.FamilyCollectionViewContainer.BackgroundColor = UIColor.Blue;
            var bindingset = this.CreateBindingSet<FamilySubgroupViewCell, FamilySubTypeViewModel>();
            bindingset.Bind(this.FamilyGroupTitleLabel).To(x => x.FamilySubType.FamilySubGroupDescription);
            bindingset.Bind(this.FamilyGroupDescLabel).To(x => x.FamilySubType.FamilySubGroupDetail); 
            bindingset.Apply();
        });

    }

    public void ExpandCells(Action onUpdate)
    {
        var context = this.DataContext as FamilySubTypeViewModel;
        context.PopulateAndRun(() =>
        {
            Debug.WriteLine("Populating Models complete : now showing cells");
            var collection = new FamilySubGroupModelsCollection();
            collection.ViewModel = context;
            Debug.WriteLine("FamilySubGroupCell : Showing {0} Items", context.FamilyModels.Count);

            this.FamilyCollectionViewContainer.Add(collection.View);

            if (onUpdate != null) onUpdate();
        });
    }

问题

因此，当一个单元格被选中时，它会翻转“isExpanded”属性，从而赋予它一个新的高度——效果很好。然后向单元格发送一条消息以“展开”单元格，这反过来加载一个新集合并将其添加到 View (通过 View 导出)。

但是，该集合永远不会在 View 上重新呈现。它很好地填充，添加到 View 中，但它在新扩展的单元格上实际上是不可见的。如果我在 DelayBind() 方法中最初创建单元格时加载它(即 - 没有延迟加载)那么它工作正常。

尝试过重绘单元格

this.Draw(this.Bounds);

将集合添加到 View 后，但无济于事。

我做错了什么？

最佳答案

这段代码感觉可能会混淆您的显示:

    var row = this.GetCell(tableView, indexPath);
    (row as FamilysubgroupViewCell).ExpandCells();
    tableView.ReloadRows(new[] { indexPath }, UITableViewRowAnimation.Automatic); 

它的作用是:

• 获取当前单元格并告诉它展开
• 然后要求表格重新加载该行(此时可能会使用不同的单元格实例)。

我还担心这条线:

    var context = this.DataContext as FamilySubTypeViewModel;

会将您的单元格子显示链接到当前 View 模型 - 如果单元格被重复使用(给定一个新的 View 模型)，这不会更新。

解决这两个问题的一种快速(而且只是有点脏)的方法是将 GetOrCreateCellFor 的重写更改为如下内容:

protected override UITableViewCell GetOrCreateCellFor(UITableView tableView, NSIndexPath indexPath, object item)
{
    var cell = tableView.DequeueReusableCell(_key);

    cell.Frame = new RectangleF(cell.Frame.X, cell.Frame.Y, cell.Frame.Width, GetHeightForRow(tableView, indexPath));

    ((MyCellType)cell).ShowExpandedState(expandableState[items[indexPath.Row]]);

    return cell;
}

其中 ShowExpandedState(bool) 能够在重用后重置单元格的扩展区域。

其他选项:

• 除此之外，您可以简单地为扩展行和非扩展行返回不同的单元格类型吗？
• 或者您可以将展开/未展开的信息放在 Cell 的 ViewModel 中，以便它可以数据绑定(bind)到该展开状态并更新它自己的布局？ (尽管如此，您仍然需要某种机制来告知表有关大小变化的信息)

开启:

this.Draw(this.Bounds);

我并不感到惊讶这不起作用 - 通常你必须鼓励系统重绘 View - 使用诸如 SetNeedsDisplay 之类的东西(有时在子更改之后 SetNeedsLayout 也是)

关于iOS : Expandable list view not drawing newly added control，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19091776/