Практическое руководство. Группировка элементов в объекте ListView, реализующем GridView
Обновлен: Ноябрь 2007
В этом примере демонстрируется отображение групп элементов в режиме представления GridView элемента управления ListView .
Пример
Чтобы отобразить группы элементов в ListView, определите CollectionViewSource. В следующем примере показан CollectionViewSource, который группирует элементы данных согласно значению поля данных Catalog.
<CollectionViewSource x:Key='src'
Source="{Binding Source={StaticResource MyData},
XPath=Item}">
<CollectionViewSource.GroupDescriptions>
<PropertyGroupDescription PropertyName="@Catalog" />
</CollectionViewSource.GroupDescriptions>
</CollectionViewSource>
В следующем примере ItemsSource устанавливается для ListView в CollectionViewSource, который определяется в предыдущем примере. В примере также определяется GroupStyle, реализующий элемент управления Expander.
<ListView ItemsSource='{Binding Source={StaticResource src}}'
BorderThickness="0">
<ListView.GroupStyle>
<GroupStyle>
<GroupStyle.ContainerStyle>
<Style TargetType="{x:Type GroupItem}">
<Setter Property="Margin" Value="0,0,0,5"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type GroupItem}">
<Expander IsExpanded="True" BorderBrush="#FFA4B97F"
BorderThickness="0,0,0,1">
<Expander.Header>
<DockPanel>
<TextBlock FontWeight="Bold" Text="{Binding Path=Name}"
Margin="5,0,0,0" Width="100"/>
<TextBlock FontWeight="Bold"
Text="{Binding Path=ItemCount}"/>
</DockPanel>
</Expander.Header>
<Expander.Content>
<ItemsPresenter />
</Expander.Content>
</Expander>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</GroupStyle.ContainerStyle>
</GroupStyle>
</ListView.GroupStyle>
...
</ListView>
Полный пример содержится в разделе Пример группировки в элементе управления ListView.
См. также
Основные понятия
Общие сведения об элементе управления ListView