共用方式為

如何：使用範本為使用 GridView 的 ListView 設定樣式

  • 發行項

這個範例示範如何使用 DataTemplate 和 Style 物件來指定使用 GridView 檢視模式的 ListView 控制面板。

範例

下列範例顯示 Style 和 DataTemplate 物件，這些物件會自訂 的資料 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>

下列範例示範如何使用這些 Style 和 DataTemplate 物件來設定 HeaderContainerStyle 的 和 HeaderTemplate 屬性 GridViewColumn 。 屬性 DisplayMemberBinding 會定義資料行儲存格的內容。

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

HeaderContainerStyle和 HeaderTemplate 只是數個屬性中的兩個，可用來自訂控制項的資料 GridView 行標頭外觀。 如需詳細資訊，請參閱 GridView 資料行標頭樣式和範本概觀。

下列範例示範如何定義 DataTemplate ，以自訂 中 GridViewColumn 儲存格的外觀。

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

下列範例示範如何使用這個 DataTemplate 來定義儲存格的內容 GridViewColumn 。 此範本會使用，而不是 DisplayMemberBinding 上 GridViewColumn 一個範例中顯示的 屬性。

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

另請參閱