HOW TO:使用範本為使用 GridView 的 ListView 設定樣式
更新:2007 年 11 月
本範例說明如何使用 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 物件設定 GridViewColumn 的 HeaderContainerStyle 和 HeaderTemplate 屬性。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 儲存格的內容。此樣板用來取代前面 GridViewColumn 範例的 DisplayMemberBinding 屬性。
<GridViewColumn Header="Month" Width="80"
CellTemplate="{StaticResource myCellTemplateMonth}"/>
如需完整範例,請參閱使用具有範本之 GridView 的 ListView 範例。