Sdílet prostřednictvím

Postupy: Použití šablon na styl ListView používající GridView

  • Článek

Tento příklad ukazuje, jak pomocí DataTemplate objektů určit Style vzhled ListView ovládacího prvku, který používá GridView režim zobrazení.

Příklad

Následující příklady ukazují Style a DataTemplate objekty, které přizpůsobí vzhled záhlaví sloupce pro .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>

Následující příklad ukazuje, jak použít tyto Style a DataTemplate objekty k nastavení HeaderContainerStyle a HeaderTemplate vlastnosti objektu GridViewColumn. Vlastnost DisplayMemberBinding definuje obsah buněk sloupce.

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

HeaderTemplate Jedná se HeaderContainerStyle pouze o dvě z několika vlastností, které můžete použít k přizpůsobení vzhledu záhlaví sloupce pro GridView ovládací prvek. Další informace naleznete v tématu GridView Header Styles and Templates Overview.

Následující příklad ukazuje, jak definovatDataTemplate, který přizpůsobí vzhled buněk v .GridViewColumn

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

Následující příklad ukazuje, jak to DataTemplate použít k definování obsahu GridViewColumn buňky. Tato šablona se používá místo DisplayMemberBinding vlastnosti, která je zobrazena v předchozím GridViewColumn příkladu.

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

Viz také