Aracılığıyla paylaş

Nasıl yapılır: GridView Kullanan Bir ListView Stilini Oluşturmak için Şablonları Kullanma

  • Makale

Bu örnek, DataTemplate ve Style nesnelerini kullanarak GridView görünüm modu kullanan bir ListView denetiminin görünümünü belirtmeyi gösterir.

Örnek

Aşağıdaki örneklerde, GridViewColumniçin sütun üst bilgisinin görünümünü özelleştiren Style ve DataTemplate nesneleri gösterilmektedir.

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

Aşağıdaki örnekte, bir GridViewColumnHeaderContainerStyle ve HeaderTemplate özelliklerini ayarlamak için bu Style ve DataTemplate nesnelerinin nasıl kullanılacağı gösterilmektedir. DisplayMemberBinding özelliği, sütun hücrelerinin içeriğini tanımlar.

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

HeaderContainerStyle ve HeaderTemplate, GridView denetimi için sütun üst bilgisi görünümünü özelleştirmek için kullanabileceğiniz birkaç özelliğin yalnızca ikisidir. Daha fazla bilgi için bkz. GridView Sütun Üst Bilgisi Stillerine ve Şablonlarına Genel Bakış.

Aşağıdaki örnekte, bir GridViewColumnhücrelerin görünümünü özelleştiren bir DataTemplate nasıl tanımlanacağı gösterilmektedir.

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

Aşağıdaki örnekte, bir GridViewColumn hücresinin içeriğini tanımlamak için bu DataTemplate nasıl kullanılacağı gösterilmektedir. Bu şablon, önceki GridViewColumn örnekte gösterilen DisplayMemberBinding özelliği yerine kullanılır.

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

Ayrıca bkz.