wpf 非常漂亮ItemsControl 里面的元素间隔不同的颜色 ItemsControl中的子元素按照奇数和偶数索引来交替使用不同的背景颜色

最新推荐文章于 2024-09-06 21:51:28 发布

weijia3624

最新推荐文章于 2024-09-06 21:51:28 发布

阅读量679

点赞数 9

分类专栏： WPF 文章标签： wpf hadoop 大数据

本文链接：https://blog.csdn.net/weijia3624/article/details/135178687

版权

WPF 专栏收录该内容

28 篇文章 5 订阅

订阅专栏

文章介绍了如何在WPF的ItemsControl中使用DataTrigger根据ContentPresenter的AlternationIndex属性改变TextBlock的背景颜色，实现偶数和奇数索引的交替显示。

摘要由CSDN通过智能技术生成

在这个例子中，我们使用了两个DataTrigger，它们分别检查ContentPresenter的AlternationIndex属性是否为0或1。如果AlternationIndex为0，TextBlock的背景颜色将设置为#07FAFE；如果AlternationIndex为1，TextBlock的背景颜色将设置为#022A3C。

<ItemsControl AlternationCount="2" ItemsSource="{Binding ListApple}" Margin="0" Padding="0">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <WrapPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding}" Width="29" FontSize="10" Margin="0 0 1 0"  Height="20" Padding="0 3 0 0" TextAlignment="Center">
                                <TextBlock.Style>
                                    <Style TargetType="TextBlock">
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContentPresenter}, Path=(ItemsControl.AlternationIndex)}"  Value="0">
                                                <Setter Property="Background" Value="#07FAFE"/>
                                                <Setter Property="Foreground" Value="#022A3C" />
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContentPresenter}, Path=(ItemsControl.AlternationIndex)}"  Value="1">
                                                <Setter Property="Background" Value="#022A3C"/>
                                                <Setter Property="Foreground" Value="#FFFFFF" />
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </TextBlock.Style>
                            </TextBlock>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>

这样，ItemsControl中的TextBlock就会按照奇数和偶数索引来交替使用不同的背景颜色。你可以根据需要调整颜色和AlternationCount的值。