Partekatu honen bidez:

Cómo usar plantillas para aplicar estilo a un control ListView que usa GridView

En este ejemplo se muestra cómo usar los objetos DataTemplate y Style para especificar la apariencia de un control ListView que utiliza un modo de visualización GridView.

Ejemplo

En los ejemplos siguientes se muestran los objetos Style y DataTemplate que personalizan la apariencia de un encabezado de columna para 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>

En el ejemplo siguiente se muestra cómo utilizar estos objetos Style y DataTemplate para establecer las propiedades HeaderContainerStyle y HeaderTemplate de un GridViewColumn. La DisplayMemberBinding propiedad define el contenido de las celdas de columna.

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

Las HeaderContainerStyle y HeaderTemplate son solo dos de varias propiedades que puede usar para personalizar la apariencia del encabezado de columna de un control GridView. Para obtener más información, vea GridView Column Header Styles and Templates Overview.

En el ejemplo siguiente se muestra cómo definir un DataTemplate objeto que personaliza la apariencia de las celdas de un GridViewColumn.

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

En el ejemplo siguiente se muestra cómo usar esto DataTemplate para definir el contenido de una GridViewColumn celda. Esta plantilla se usa en lugar de la DisplayMemberBinding propiedad que se muestra en el ejemplo anterior GridViewColumn .

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

Consulte también

  • Last updated on