在WPF的集合控件中常常需要在每一個集合項之間插入一個分隔符樣式，但是WPF的ItemsControl沒有相關功能的直接實現，所以只能考慮曲線救國，經過研究，大概想到了以下兩種實現方式。
先寫出ItemsControl的數據模板，如下：
<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就是分隔符，此時每一項的頭部都可以看見分隔符，現在我們的目標是要隱藏掉第一項的分隔符，這就達到了項與項之間才有分隔符的目的。
第一種實現方式最簡單，使用集合項前向綁定PreviousData，這是四種綁定方式中的一種，估計也是平時用得最少的一種，不過此時就派上用場了，代碼如下：
<DataTemplate.Triggers> <DataTrigger Binding="{Binding RelativeSource={RelativeSource PreviousData}}" Value="{x:Null}"> <Setter TargetName="Bd" Property="Visibility" Value="Collapsed" /> </DataTrigger></DataTemplate.Triggers>當某一項的前項為空時就隱藏分隔符，簡單的一行代碼搞定。不過這種實現方式有個缺點就是如果使用的是Insert方式向綁定的數據源的最前面添加數據則就會出現不止一個沒有分隔符的項，如果是往隊尾或者隊中添加則不會出現這個問題。
第二種實現方式是借助ItemsControl的AlternationCount和AlternationIndex屬性來為集合項標記索引號，再隱藏索引號為0的項的分隔符，代碼如下：
首先在ItemsControl上綁定AlternationCount到數據源的Count屬性上，然后此時ItemsControl的AlternationIndex屬性就變成的該集合數據源的索引號了，在觸發器中寫上邏輯即可：
<Border Name="Bd" Grid.Row="0" Height="1" Background="Red"> <Border.Style> <Style TargetType="{x:Type Border}"> <Style.Triggers> <DataTrigger Binding="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource AncestorType={x:Type ContentPresenter}}}" Value="0"> <Setter Property="Visibility" Value="Collapsed" /> </DataTrigger> </Style.Triggers> </Style> </Border.Style></Border>觸發器判定當索引號為0時就隱藏Border，這種方式代碼量也不大，優點是能絕對實現這個功能，無論向隊首插入還是隊尾插入，但是AlternationCount和AlternationIndex屬性本來的含義是用來實現比如隔行變色等功能，此時這種功能被占用，所以如果你的集合要同時實現分隔符和隔行樣式的功能可能需要額外加轉換器，不過轉換器內容也很簡單，求個余數就能還原之前的功能了。
這個小功能的代碼參見：https://github.com/fengrui358/WPFLabs/tree/master/WpfItemsControlSplitter
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
圖片精選
