当前位置：首页 > 资讯 > 技术文档

WPF集合控件实现分隔符(ItemsControl Separator)

时间：2022-04-06 13:35 编辑：来源：阅读：
扫一扫，手机访问

摘要：WPF集合控件实现分隔符(ItemsControl Separator)

在WPF的集合控件中常常需要在每一个集合项之间插入一个分隔符样式，但是WPF的ItemsControl没有相关功能的直接实现，所以只能考虑曲线救国，经过研究，大概想到了以下两种实现方式。先写出[b]ItemsControl[/b]的数据模板，如下：

<ItemsControl ItemsSource="{Binding Source}" BorderThickness="1" BorderBrush="Blue" VerticalAlignment="Stretch">
 <ItemsControl.ItemTemplate>
  <DataTemplate>
   <Grid>
    <Grid.RowDefinitions>
     <RowDefinition Height="Auto" />
     <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Border Name="Bd" Grid.Row="0" Height="1" Background="Red" />
    <TextBlock Grid.Row="1" Text="{Binding}" />
   </Grid>
  </DataTemplate>
 </ItemsControl.ItemTemplate>
</ItemsControl>

其中名为Bd的Border就是分隔符，此时每一项的头部都可以看见分隔符，现在我们的目标是要隐藏掉第一项的分隔符，这就达到了项与项之间才有分隔符的目的。 [b]第一种[/b]实现方式最简单，使用集合项前向绑定PreviousData，这是四种绑定方式中的一种，估计也是平时用得最少的一种，不过此时就派上用场了，代码如下：

<DataTemplate.Triggers>
 <DataTrigger Binding="{Binding RelativeSource={RelativeSource PreviousData}}"
     Value="{x:Null}">
  <Setter TargetName="Bd" Property="Visibility" Value="Collapsed" />
 </DataTrigger>
</DataTemplate.Triggers>

当某一项的前项为空时就隐藏分隔符，简单的一行代码搞定。不过这种实现方式有个缺点就是如果使用的是Insert方式向绑定的数据源的最前面添加数据则就会出现不止一个没有分隔符的项，如果是往队尾或者队中添加则不会出现这个问题。 [b]第二种[/b]实现方式是借助[b]ItemsControl[/b]的[b]AlternationCount[/b]和[b]AlternationIndex[/b]属性来为集合项标记索引号，再隐藏索引号为0的项的分隔符，代码如下：

[url=https://github.com/fengrui358/WPFLabs/tree/master/WpfItemsControlSplitter]https://github.com/fengrui358/WPFLabs/tree/master/WpfItemsControlSplitter[/url] 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：ASP.NET MVC异步获取和刷新ExtJS6 TreeStore
下一篇：asp.net 数据类型转换类代码

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部