共用方式為


HOW TO:使用範本為使用 GridView 的 ListView 設定樣式

更新:2007 年 11 月

本範例說明如何使用 DataTemplateStyle 物件,指定使用 GridView 檢視模式之 ListView 控制項的外觀。

範例

下列範例顯示 StyleDataTemplate 物件如何自訂 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>

下列範例顯示如何使用 StyleDataTemplate 物件設定 GridViewColumnHeaderContainerStyleHeaderTemplate 屬性。DisplayMemberBinding 屬性會定義資料行儲存格的內容。

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

您只能使用 HeaderContainerStyleHeaderTemplate 這兩個屬性來自訂 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 儲存格的內容。此樣板用來取代前面 GridViewColumn 範例的 DisplayMemberBinding 屬性。

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

如需完整範例,請參閱使用具有範本之 GridView 的 ListView 範例

請參閱

概念

GridView 概觀

ListView 概觀

參考

ListView

GridView

其他資源

ListView HOW TO 主題

ListView 範例