wpf listView实现Grid,并且奇偶行显示不同颜色

首先写一个继承IValueConverter的背景颜色转换类

 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)
            {
                Color color=new Color();
                color.R=220;
                color.G=220;
                color.B=220;
                SolidColorBrush scb = new SolidColorBrush();
                scb.Color = color;
                scb.Opacity = 1;
                return scb;
            }
            else
            {
                return Brushes.White;
            }
        }




        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return null;
        }
    }

在xaml上 引用该类的命名空间

xmlns:namespc="clr-namespace:EShowX86_2D.External" 


定义listviewItem资源

<Window.Resources>
        <namespc:BackgroundConverter x:Key="myConverter"/>
        <Style x:Key="myItemStyle" TargetType="{x:Type ListViewItem}">
            <Setter Property="Background">
                <Setter.Value> <Binding RelativeSource="{RelativeSource Self}"  Converter="{StaticResource myConverter}"/>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="true">
                    <Setter Property="Background" Value="PowderBlue" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>

//创建listView

 <ListView Margin="4,12,14,0"  x:Name="gridListView"  Height="380" Background="#CBCBCB"  ItemContainerStyle="{StaticResource myItemStyle}">
            <ListView.View>
                <GridView  x:Name="gridViewAu" AllowsColumnReorder="true"  >
                    <GridViewColumn>
                        <GridViewColumnHeader  HorizontalContentAlignment="Left">图片</GridViewColumnHeader>
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Border Background= "{Binding Background}">
                                    <Image Stretch="Fill" Source= "{Binding PicPath}" Height="30" Width="30"/>
                                </Border>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>

 </GridView>

</ListView.View>

</ListView >

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值