WPF Listbox
では、次の2つの概念と混同しています:ItemTemplate
とItemContainerStyle
ItemTemplate は、データアイテムのコンテンツの表示方法を設定するためのものです。データフィールドのバインド、表示文字列のフォーマットなどに使用します。データの表示方法を決定します。
ItemContainerStyle は、データ項目のコンテナーのスタイルを設定するためのものです。リストボックスでは、これはListBoxItemになります。ここでのスタイル設定は、選択動作や背景色などに影響します。ディスプレイのスタイルとUXを決定します。
上記にリンクされているItemContainerStyleのMSDNページには、いくつかの違いを示す非常に良い例があります。
<!--Use the ItemTemplate to set a DataTemplate to define the visualization of the data objects. This DataTemplate specifies that each data object appears with the Proriity and TaskName on top of a silver ellipse.--> <ItemsControl.ItemTemplate> <DataTemplate> <DataTemplate.Resources> <Style TargetType="TextBlock"> <Setter Property="FontSize" Value="18"/> <Setter Property="HorizontalAlignment" Value="Center"/> </Style> </DataTemplate.Resources> <Grid> <Ellipse Fill="Silver"/> <StackPanel> <TextBlock Margin="3,3,3,0" Text="{Binding Path=Priority}"/> <TextBlock Margin="3,0,3,7" Text="{Binding Path=TaskName}"/> </StackPanel> </Grid> </DataTemplate> </ItemsControl.ItemTemplate> <!--Use the ItemContainerStyle property to specify the appearance of the element that contains the data. This ItemContainerStyle gives each item container a margin and a width. There is also a trigger that sets a tooltip that shows the description of the data object when the mouse hovers over the item container.--> <ItemsControl.ItemContainerStyle> <Style> <Setter Property="Control.Width" Value="100"/> <Setter Property="Control.Margin" Value="5"/> <Style.Triggers> <Trigger Property="Control.IsMouseOver" Value="True"> <Setter Property="Control.ToolTip" Value="{Binding RelativeSource={x:Static RelativeSource.Self}, Path=Content.Description}"/> </Trigger> </Style.Triggers> </Style> </ItemsControl.ItemContainerStyle>
ItemContainerStyleはDataTemplateの単なるラッパーであるため、共通のアイテムスタイルをさまざまなデータレイアウトに適用できます。
また、 「DataTemplate vs ItemContainerStyle」に対するこの回答 :
ItemTemplateですべてのスタイリングを行うことができますが、ItemContentStyleには、マウスオーバー/無効化/選択などで不透明度を制御するVisualStatesがあります。
これらの不透明度の状態の変更を変更する場合、またはたとえば三角形などの長方形以外のコンテナ形状が必要な場合は、デフォルトのItemContainerStyleをオーバーライドする必要があります。