Question

我正在尝试使用Xamarin和MvvmCross在iOS中创建可扩展的列表视图。

场景是我有一个列表视图，当列表视图中的一行被选中时，它会扩展（动画）以显示通过延迟加载加载的集合视图。

这是我到目前为止的代码：

适配器：

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插座）。

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

尝试过重绘单元格

this.Draw(this.Bounds);

将收集添加到视图后，但无济于事。

我做错了什么？

Answer 1

这段代码感觉可能会让您的显示混乱：

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

这是做什么的：

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

我也担心这一行：

    var context = this.DataContext as FamilySubTypeViewModel;

会将您的单元格子显示链接到当前的视图模型 - 如果重用该单元格，则不会更新（给定新的视图模型）。

围绕这两个问题的一种快速（并且只是略微肮脏）的方法是将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中，以便它可以数据绑定到该扩展状态并更新它自己的布局？（你仍然需要一些机制来告诉表格大小的变化）

开：

this.Draw(this.Bounds);

我并不感到惊讶，这不起作用 - 通常你必须鼓励系统重绘视图 - 使用像SetNeedsDisplay这样的东西（有时也会在孩子改变SetNeedsLayout之后）

iOS：可扩展列表视图未绘制新添加的控件

1 个答案: