Практическое руководство. Использование шаблонов для настройки представления ListView, использующего GridView

В данном примере показано использование объектов DataTemplate и Style для задания внешнего вида элемента управления ListView, использующего режим представления GridView.

Пример

В следующих примерах показаны объекты Style и DataTemplate, которые настраивают внешний вид заголовка столбца для GridViewColumn.

<Style x:Key="myHeaderStyle" TargetType="{x:Type GridViewColumnHeader}">
  <Setter Property="Background" Value="LightBlue"/>
</Style>

<DataTemplate x:Key="myHeaderTemplate">
  <DockPanel>
    <CheckBox/>
    <TextBlock FontSize="16" Foreground="DarkBlue">
      <TextBlock.Text>
        <Binding/>
      </TextBlock.Text>
    </TextBlock>
  </DockPanel>
</DataTemplate>

В следующем примере показано использование объектов Style и DataTemplate для задания свойств HeaderContainerStyle и HeaderTemplate для GridViewColumn. Свойство DisplayMemberBinding определяет содержимое ячеек столбца.

<GridViewColumn Header="Month" Width="80"
      HeaderContainerStyle="{StaticResource myHeaderStyle}"
      HeaderTemplate="{StaticResource myHeaderTemplate}"
      DisplayMemberBinding="{Binding Path=Month}"/>

HeaderContainerStyle и HeaderTemplate — только два свойства из тех, которые можно использовать для настройки внешнего вида заголовка столбца для элемента управления GridView. Дополнительные сведения см. в разделе Общие сведения о стилях заголовков столбцов GridView и шаблонах.

В следующем примере показано, как определить DataTemplate, который настраивает внешний вид ячеек в GridViewColumn.

<DataTemplate x:Key="myCellTemplateMonth">
  <DockPanel>
    <TextBlock Foreground="DarkBlue" HorizontalAlignment="Center">
      <TextBlock.Text>
        <Binding Path="Month"/>
      </TextBlock.Text>
    </TextBlock>
  </DockPanel>
</DataTemplate>

В следующем примере показано использование шаблона DataTemplate для определения содержимого ячейки GridViewColumn. Этот шаблон используется вместо свойства DisplayMemberBinding, которое показано в предыдущем примере GridViewColumn.

<GridViewColumn Header="Month" Width="80"
      CellTemplate="{StaticResource myCellTemplateMonth}"/>

См. также

Ссылки

ListView

GridView

Основные понятия

Общие сведения о GridView

Общие сведения об элементе управления ListView

Другие ресурсы

Практические руководства, посвященные ListView