Procedura: utilizzare i modelli per applicare uno stile a un ListView che utilizza una GridView

In questo esempio viene illustrato come utilizzare gli oggetti DataTemplate e Style per specificare l'aspetto di un controllo ListView che utilizza una modalità di visualizzazione GridView.

Esempio

Negli esempi seguenti vengono illustrati gli oggetti Style e DataTemplate che personalizzano l'aspetto di un'intestazione di colonna per un controllo 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>

Nell'esempio seguente viene illustrato come utilizzare questi oggetti Style e DataTemplate per impostare le proprietà HeaderContainerStyle e HeaderTemplate di un controllo GridViewColumn. La proprietà DisplayMemberBinding definisce il contenuto delle celle delle colonne.

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

HeaderContainerStyle e HeaderTemplate sono solo due delle numerose proprietà che è possibile utilizzare per personalizzare l'aspetto delle intestazioni di colonna di un controllo GridView. Per ulteriori informazioni, vedere Panoramica sui modelli e sugli stili di intestazione delle colonne in GridView.

Nell'esempio seguente viene illustrato come definire un oggetto DataTemplate che personalizza l'aspetto delle celle in un controllo GridViewColumn.

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

Nell'esempio seguente viene illustrato come utilizzare questo oggetto DataTemplate per definire il contenuto di una cella di un controllo GridViewColumn. Questo modello viene utilizzato al posto della proprietà DisplayMemberBinding mostrata nell'esempio di GridViewColumn precedente.

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

Vedere anche

Riferimenti

ListView

GridView

Concetti

Cenni preliminari su GridView

Panoramica sul controllo ListView

Altre risorse

Procedure relative al controllo ListView