web-dev-qa-db-ja.com

WPF ListBoxのItemTemplateとItemContainerStyleの違いは何ですか?

WPF Listboxでは、次の2つの概念と混同しています:ItemTemplateItemContainerStyle

41
RHaguiuda

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>
41

ItemContainerStyleはDataTemplateの単なるラッパーであるため、共通のアイテムスタイルをさまざまなデータレイアウトに適用できます。

また、 「DataTemplate vs ItemContainerStyle」に対するこの回答

ItemTemplateですべてのスタイリングを行うことができますが、ItemContentStyleには、マウスオーバー/無効化/選択などで不透明度を制御するVisualStatesがあります。

これらの不透明度の状態の変更を変更する場合、またはたとえば三角形などの長方形以外のコンテナ形状が必要な場合は、デフォルトのItemContainerStyleをオーバーライドする必要があります。

9
Jeff