更改列表视图项的背景颜色

Question

我想更改列表视图交替行的背景颜色。我通过 ObservableCollection 将值绑定到列表视图。这样我就无法遍历 listview 项目。它显示：

`System.InvalidCastException：'无法将'xx.StudentClass'类型的对象转换为'Windows.UI.Xaml.Controls.ListViewItem'类型。'

ObservableCollection<StudentClass> StudentData = new ObservableCollection<StudentClass>();
var statement = connection.Prepare("SELECT name,ID from student_details");

while (!(SQLiteResult.DONE == statement.Step()))
{
    if (statement[0] != null)
    {                     
        StudentClass c1 = new StudentClass() { studentName= statement[0].ToString, studentID= statement[1].ToString};
        StudentData.Add(c1);
    }
}

StudentListview.ItemsSource = StudentData;
ChangeBgColor();

private void ChangeBgColor()
{
    int counter = 1;

    foreach (ListViewItem item in this.StudentListview.Items)
    {
        if (counter % 2 == 0)
        {
            item.Background = new SolidColorBrush(Colors.Orange);
        }
        else
        {
            item.Background = new SolidColorBrush(Colors.OrangeRed);
        }
        counter++;
    }
}

<ListView x:Name="StudentListview" Visibility="Collapsed"    VerticalAlignment="Top" HorizontalAlignment="Right" Height="250px"  Width="550px">
  <ListView.ItemTemplate >
    <DataTemplate>
      <Grid>
        <StackPanel Orientation="Vertical" >
          <StackPanel Orientation="Horizontal">
            <TextBlock Foreground="Black" Text="{Binding studentName}"  FontSize="20"  Width="350px" TextWrapping="Wrap"></TextBlock>
          </StackPanel>
          <StackPanel Orientation="Horizontal">                                                              
            <TextBlock Foreground="Black" Text="{Binding  studentID}"  FontSize="20" Width="350px" TextWrapping="Wrap" ></TextBlock>
          </StackPanel>
      </Grid>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

Answer 1

如果您希望以面向未来的方式解决此问题，我建议创建一个可以处理此问题的新 ListView 控件...

我是这样做的，首先使用以下属性定义新控件

public class AlternatingListView : ListView
{
    public static readonly DependencyProperty OddRowBackgroundProperty = DependencyProperty.Register(
        nameof(OddRowBackground),
        typeof(Brush),
        typeof(AlternatingListView),
        new PropertyMetadata(null));

    public static readonly DependencyProperty EvenRowBackgroundProperty = DependencyProperty.Register(
        nameof(EvenRowBackground),
        typeof(Brush),
        typeof(AlternatingListView),
        new PropertyMetadata(null));

    public Brush OddRowBackground
    {
        get { return (Brush)GetValue(OddRowBackgroundProperty); }
        set { SetValue(OddRowBackgroundProperty, (Brush)value); }
    }

    public Brush EvenRowBackground
    {
        get { return (Brush)GetValue(EvenRowBackgroundProperty); }
        set { SetValue(EvenRowBackgroundProperty, (Brush)value); }
    }

    protected override void PrepareContainerForItemOverride(DependencyObject element, object item)
    {
        base.PrepareContainerForItemOverride(element, item);
        ListViewItem listViewItem = element as ListViewItem;

        if (listViewItem == null)
        {
            return;
        }

        int index = IndexFromContainer(element);
        listViewItem.Background = (index + 1) % 2 == 1 ? OddRowBackground : EvenRowBackground;
    }
}

所有这些都准备好后，您可以添加控制 XAML 并定义所需的颜色。

  <controls:AlternatingListView x:Name="ListView"
                                ItemsSource="{x:Bind Items}"
                                EvenRowBackground="SlateGray"
                                OddRowBackground="White" />