wpf ListView 隔行 (各行) 显示不同背景颜色_物料

public sealed class BackgroundConverter : IValueConverter

{

    public object Convert(object value, Type targetType, object parameter, 

        CultureInfo culture)

    {

        ListViewItem item = (ListViewItem)value;

        ListView listView = 

            ItemsControl.ItemsControlFromItemContainer(item) as ListView;

        // Get the index of a ListViewItem

        int index = 

            listView.ItemContainerGenerator.IndexFromContainer(item);



        if (index % 2 == 0)

        {

            return Brushes.LightBlue;

        }

        else

        {

            return Brushes.Beige;

        }

    }

下面的示例演示如何定义使用 Style 作为其 ItemContainerStyle 以便提供所需布局的 ListView。

"theListView" 

          ItemsSource="{Binding Source={StaticResource EmployeeData}, 

                                        XPath=Employee}"

          ItemContainerStyle="{StaticResource myItemStyle}" >

  

    

      "{Binding XPath=FirstName}" 

                      Header="First Name" Width="120"/>

      "{Binding XPath=LastName}" 

                      Header="Last Name" Width="120"/>

      "{Binding XPath=FavoriteCity}" 

                      Header="Favorite City" Width="120"/>

方法 2：从 ListView 中派生一个新类以使背景色产生交替效果

下面的示例演示如何定义从 ListView 中派生的类。此类将重写 PrepareContainerForItemOverride 方法，以便创建具有交替 Background 颜色的行。

public class SubListView : ListView

{

    protected override void

        PrepareContainerForItemOverride(DependencyObject element,

        object item)

    {

        base.PrepareContainerForItemOverride(element, item);

        if (View is GridView)

        {

            int index = ItemContainerGenerator.IndexFromContainer(element);

            ListViewItem lvi = element as ListViewItem;

            if (index % 2 == 0)

            {

                lvi.Background = Brushes.LightBlue;

            }

            else

            {

                lvi.Background = Brushes.Beige;

            }

        }

    }

}

下面的示例演示如何创建此类的实例。namespc 前缀映射到公共语言运行时 (CLR) 命名空间和其中定义了 StyleSelector 的对应程序集。

<<span style="color: rgb(0, 0, 0);">namespc:SubListView

      ItemsSource="{Binding Source={StaticResource EmployeeData}, 

                                        XPath=Employee}">

  

    

      "{Binding XPath=FirstName}" 

                      Header="First Name" Width="120"/>

      "{Binding XPath=LastName}" 

                      Header="Last Name" Width="120"/>

      "{Binding XPath=FavoriteCity}" 

                      Header="Favorite City" Width="120"/>

方法 3：使用 StyleSelector 使背景色产生交替效果

下面的示例演示如何定义一个为行定义 Style 的 StyleSelector。此示例依据行索引定义 Background 颜色。

public class ListViewItemStyleSelector : StyleSelector

{

    public override Style SelectStyle(object item, 

        DependencyObject container)

    {

        Style st = new Style();

        st.TargetType = typeof(ListViewItem);

        Setter backGroundSetter = new Setter();

        backGroundSetter.Property = ListViewItem.BackgroundProperty;

        ListView listView = 

            ItemsControl.ItemsControlFromItemContainer(container) 

              as ListView;

        int index = 

            listView.ItemContainerGenerator.IndexFromContainer(container);

        if (index % 2 == 0)

        {

            backGroundSetter.Value = Brushes.LightBlue;

        }

        else

        {

            backGroundSetter.Value = Brushes.Beige;

        }

        st.Setters.Add(backGroundSetter);

        return st;

    }

}

下面的示例演示如何为 StyleSelector 定义 ResourceKey。namespc 前缀映射到 CLR 命名空间和其中定义了 StyleSelector 的对应程序集。有关更多信息，请参见 XAML 命名空间和命名空间映射。

"myStyleSelector"/>

下面的示例演示如何将 ListView 的 ItemContainerStyleSelector 属性设置为此 StyleSelector 资源。

<<span style="color: rgb(0, 0, 0);">ListView 

      ItemsSource="{Binding Source={StaticResource EmployeeData}, 

                                        XPath=Employee}"

      ItemContainerStyleSelector="{DynamicResource myStyleSelector}" >      

  

    

      "{Binding XPath=FirstName}" 

                      Header="First Name" Width="120"/>

      "{Binding XPath=LastName}" 

                      Header="Last Name" Width="120"/>

      "{Binding XPath=FavoriteCity}" 

                      Header="Favorite City" Width="120"/>

在 ListViewItem 集合中进行更改后更新 ListView

如果从 ListView 控件中添加或移除 ListViewItem，您必须更新 ListViewItem 控件以便重新创建交替的 Background 颜色。下面的示例演示如何更新ListViewItem 控件。

ICollectionView dataView =

  CollectionViewSource.GetDefaultView(theListView.ItemsSource);

dataView.Refresh();

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：wpf之ListBox中ListBoxItem横向排列

后一篇：js 正则表达式判断数字和数字范围（总结）

新浪BLOG意见反馈留言板　欢迎批评指正

wpf ListView 隔行 (各行) 显示 不同 背景 颜色

wpf ListView 隔行 (各行) 显示不同背景颜色