Condividi tramite


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

Aggiornamento: novembre 2007

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}"/>

Per l'esempio completo, vedere Esempio di ListView che utilizza una GridView con modelli.

Vedere anche

Concetti

Cenni preliminari su GridView

Panoramica sul controllo ListView

Riferimenti

ListView

GridView

Altre risorse

Procedure relative al controllo ListView

Esempi di ListView