Dela via

Anvisningar: Använda mallar för att formatera en listvy som använder GridView

Det här exemplet visar hur du använder objekten DataTemplate och Style för att ange utseendet på en ListView kontroll som använder ett GridView visningsläge.

Exempel

I följande exempel visas Style och DataTemplate objekt som anpassar utseendet på en kolumnrubrik för en 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>

I följande exempel visas hur du använder dessa Style- och DataTemplate-objekt för att ange egenskaperna HeaderContainerStyle och HeaderTemplate för en GridViewColumn. Egenskapen DisplayMemberBinding definierar innehållet i kolumncellerna.

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

HeaderContainerStyle och HeaderTemplate är bara två av flera egenskaper som du kan använda för att anpassa kolumnrubrikens utseende för en GridView kontroll. Mer information finns i GridView Column Header Styles and Templates Overview.

I följande exempel visas hur du definierar en DataTemplate som anpassar utseendet på cellerna i en GridViewColumn.

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

I följande exempel visas hur du använder den här DataTemplate för att definiera innehållet i en GridViewColumn cell. Den här mallen används i stället för egenskapen DisplayMemberBinding som visas i föregående GridViewColumn exempel.

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

Se även

  • Last updated on