共用方式為

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

  • 發行項

此範例顯示如何使用 DataTemplate 和 Style 物件來指定使用 GridView 檢視模式的 ListView 控制項外觀。

範例

下列範例顯示為 GridViewColumn 的資料行標頭自訂外觀的 Style 和 DataTemplate 物件。

<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 物件，設定 GridViewColumn 的 HeaderContainerStyle 和 HeaderTemplate 屬性。 DisplayMemberBinding 屬性定義了資料行儲存格的內容。

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

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

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

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

下列範例顯示如何用這個 DataTemplate 來定義 GridViewColumn 儲存格的內容。 我們將使用此範本，而非先前 GridViewColumn 範例中顯示的 DisplayMemberBinding 屬性。

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

另請參閱