Comment : utiliser des modèles pour appliquer un style à un ListView utilisant GridView

  • Article

Cet exemple montre comment utiliser les objets et Style les DataTemplate objets pour spécifier l’apparence d’un ListView contrôle qui utilise un GridView mode d’affichage.

Exemple

Les exemples suivants montrent Style et DataTemplate les objets qui personnalisent l’apparence d’un en-tête de colonne pour un 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>

L’exemple suivant montre comment utiliser ces Style objets et DataTemplate ces objets pour définir les propriétés et HeaderTemplate les HeaderContainerStyle propriétés d’un GridViewColumn. La DisplayMemberBinding propriété définit le contenu des cellules de colonne.

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

HeaderTemplate Il HeaderContainerStyle ne s’agit que de deux propriétés que vous pouvez utiliser pour personnaliser l’apparence de l’en-tête de colonne pour un GridView contrôle. Pour plus d’informations, consultez Vue d’ensemble des modèles et styles d’en-tête de colonne GridView.

L’exemple suivant montre comment définir un DataTemplate qui personnalise l’apparence des cellules d’un GridViewColumn.

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

L’exemple suivant montre comment l’utiliser DataTemplate pour définir le contenu d’une GridViewColumn cellule. Ce modèle est utilisé au lieu de la DisplayMemberBinding propriété affichée dans l’exemple précédent GridViewColumn .

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

Voir aussi