Gewusst wie: Formatieren eines ListView-Steuerelements mit einem GridView mithilfe von Vorlagen

Im folgenden Beispiel wird erläutert, wie das DataTemplate-Objekt und das Style-Objekt zum Angeben der Darstellung eines ListView-Steuerelements mit dem GridView-Ansichtsmodus verwendet werden.

Beispiel

Im folgenden Beispiel werden Style-Objekte und DataTemplate-Objekte veranschaulicht, mit denen die Darstellung eines Spaltenheaders für eine GridViewColumn angepasst werden kann.

<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>

Im folgenden Beispiel wird dargestellt, wie das Style-Objekt und das DataTemplate-Objekt verwendet werden, um die HeaderContainerStyle-Eigenschaft und die HeaderTemplate-Eigenschaft einer GridViewColumn festzulegen. Die DisplayMemberBinding-Eigenschaft definiert den Inhalt der Spaltenzellen.

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

HeaderContainerStyle und HeaderTemplate sind nur zwei von mehreren Eigenschaften, die zum Anpassen der Darstellung eines Spaltenheaders für ein GridView-Steuerelement verwendet werden können. Weitere Informationen finden Sie unter Übersicht über GridView-Spaltenheaderstile und -Spaltenheadervorlagen.

Im folgenden Beispiel wird das Definieren eines DataTemplate-Objekts erläutert, mit dem die Darstellung der Zellen in einer GridViewColumn angepasst werden kann.

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

Im folgenden Beispiel wird veranschaulicht, wie dieses DataTemplate-Objekt verwendet wird, um den Inhalt einer GridViewColumn-Zelle zu definieren. Diese Vorlage wird anstelle der DisplayMemberBinding-Eigenschaft aus dem vorherigen GridViewColumn-Beispiel verwendet.

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

Siehe auch

Referenz

ListView

GridView

Konzepte

Übersicht über GridView

Übersicht über ListView

Weitere Ressourcen

Gewusst-wie-Themen zu ListView