3

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

The scenario is that I have a listview, and when a row in the listview is selected, it expands (animates) to reveal a collection view, loaded in via lazyloading.

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

适配器 ： 

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”属性，从而为其赋予一个新的高度——效果很好。然后向单元格发送一条消息以“扩展”单元格，然后加载一个新集合并将其添加到视图中（通过视图出口）。

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

尝试过重绘单元格之类的东西

this.Draw(this.Bounds);

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

我究竟做错了什么？

4

1 回答 1

2

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

    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）

于 2013-09-30T10:54:36.883 回答