Útmutató: Sablonok használata a GridView-t használó ListView stílusához

Ez a példa bemutatja, hogyan használhatja a DataTemplate és Style objektumokat egy ListView nézetmódot használó GridView vezérlőelem megjelenésének megadására.

példa

Az alábbi példák Style és DataTemplate objektumokat mutatnak be, amelyek testre szabják egy GridViewColumnoszlopfejlécének megjelenését.

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

Az alábbi példa bemutatja, hogyan használhatja ezeket a Style és DataTemplate objektumokat egy HeaderContainerStyleHeaderTemplate és GridViewColumn tulajdonságainak beállításához. A DisplayMemberBinding tulajdonság határozza meg az oszlopcellák tartalmát.

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

A HeaderContainerStyle és a HeaderTemplate a GridView vezérlőelem oszlopfejlécének megjelenésének testreszabására használható tulajdonságok közül csak kettő. További információ: GridView oszlopfejlécstílusok és -sablonok áttekintése.

Az alábbi példa bemutatja, hogyan definiálhat egy DataTemplate, amely testre szabja a cellák megjelenését egy GridViewColumn.

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

Az alábbi példa bemutatja, hogyan használható ez a DataTemplate egy GridViewColumn cella tartalmának meghatározására. Ez a sablon az előző DisplayMemberBinding példában látható GridViewColumn tulajdonság helyett használatos.

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

Lásd még

• ListView
• GridView
• A GridView áttekintése
• útmutató témakörök
• ListView áttekintése