c# - Xamarin Forms ListView IOS 中的交替行颜色

Question

我正在尝试编写一个允许 ListView 具有交替行颜色的 CustomRenderer。我遇到了一个问题，不确定它是否是一个错误，或者我只是没有正确实现渲染器:

我对以下代码的期望是每个自定义 View 单元格都应根据其位置获得颜色。然而，这不是正在发生的事情，我相信这段代码 tv.IndexPathForCell(cell).Row 应该返回单元格的索引，但它没有按预期工作。它当前返回一个空值(如果单元格不在部分 View 中，它应该返回空值)，但我相信该单元格是 TableView 的一部分，因此是我的问题。如果我注释掉 var index = tv.IndexPathForCell(cell).Row; 然后将背景颜色设置为静态值，代码和 View 将正常工作。此外，由于 null 值和单元格被设置为 base 并且 View 以默认背景呈现，因此抛出异常。

我做错了什么吗，我已经尝试过其他几种方法，但我相信这应该是正确的方法。

C#代码:

[assembly: ExportRenderer(typeof(CustomViewCell), typeof(CustomViewCellRenderer))]


namespace AIM.iOS {

  class CustomViewCellRenderer : ViewCellRenderer {
    public override UITableViewCell GetCell(Cell item, UITableView tv) {
       UITableViewCell cell;

       try {
          cell = base.GetCell(item, tv);

          var customCell = (CustomViewCell)item;
          var cell = base.GetCell(item, tv);

          var index = tv.IndexPathForCell(cell).Row;

          cell.BackgroundColor = (index % 2 == 0) ? Color.Gray.ToUIColor() :
                                                  Color.White.ToUIColor();
       }catch (Exception ex){
          string message = ex.Message;
          cell = base.GetCell(item, tv);
       }

       return cell  
    }
  }
}

我正在扩展 Xamarin-Forms-Labs 的 ExtendedViewCell 类，它将背景属性添加到 ViewCell 对象。

namespace AIMUI.Controls {
  public class CustomViewCell : ExtendedViewCell {
    public CustomViewCell() { }
  }
}

这是 Xaml:

<localcontrols:ListView>
  <ListView.ItemTemplate>
    <DataTemplate>
      <localcontrols:CustomViewCell>
        <localcontrols:CustomViewCell.View>
        </localcontrols:CustomViewCell.View>
      </localcontrols:CustomViewCell>
    </DataTemplate>
  </ListView.ItemTemplate>
</localcontrols:ListView>

编辑:

好的，所以我通过使用 var index = tv.IndexPathForRowAtPoint(cell.Center).Row; 解决了获取索引的问题，但这导致了另一个问题。它第一次完美运行，以及从 subview 返回页面。但是，当我离开页面并从 masterpage 转到另一个 View 并返回时，它会将所有项目的背景设置为灰色。目前，我正在创建一个新页面，然后从菜单中将其设置为 masterpage.details。

Answer 1

这可以使用转换器而不是渲染器来完成。

public class StripedBackgroundIndexConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null || parameter == null) return Color.White;
        var index = ((ListView) parameter).ItemsSource.Cast<object>().ToList().IndexOf(value);
        return index % 2 == 0 ? Color.White : Color.FromRgb(240, 240, 240);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

然后命名您的 ListView 并使用 x:Reference 将其作为参数传递

<ListView x:Name="MyItemsListView" ItemsSource="{Binding MyItems}" SelectedItem="{Binding SelectedMyItem, Mode=TwoWay}">
<ListView.ItemTemplate>
  <DataTemplate>
    <ViewCell>
      <Grid BackgroundColor="{Binding .,Converter={StaticResource StripedBackgroundIndexConverter}, ConverterParameter={x:Reference MyItemsListView}}">

      </Grid>
    </ViewCell>
  </DataTemplate>
</ListView.ItemTemplate>

当然，如果您需要自定义其他元素，您也可以在渲染器中使用转换器。