¿Cuál es la diferencia entre ItemTemplate y ItemContainerStyle en un WPF ListBox?

Question

En WPF Listbox , estoy confundido con estas 2 nociones: ItemTemplate y ItemContainerStyle ¿Puede alguien explicarme más?

Answer 1

ItemContainerStyle solo es un contenedor para DataTemplate para que un estilo de elemento común se pueda aplicar a diferentes diseños de datos.

Además, a partir de esta respuesta a "DataTemplate vs ItemContainerStyle" :

Puede hacer todo su diseño en la plantilla de elemento, pero ItemContentStyle tiene VisualStates que controlan la opacidad con el mouse sobre / deshabilitado / seleccionado, etc.

Si desea cambiar esos cambios de estado de opacidad, o si desea cualquier forma de Contenedor que no sea un rectángulo, como un triángulo, por ejemplo, tendrá que anular el ItemContainerStyle predeterminado.

Answer 2

ItemTemplate es para diseñar cómo aparece el contenido de su elemento de datos. Lo usa para enlazar campos de datos, formatear cadenas de visualización, etc. Determina cómo se presentan los datos.

ItemContainerStyle es para diseñar el contenedor del elemento de datos. En un cuadro de lista, esto sería un ListBoxItem. El estilo aquí afecta aspectos como el comportamiento de selección o el color de fondo. Determina el estilo y el UX de la pantalla.

La página de MSDN para ItemContainerStyle, vinculada anteriormente, tiene un buen ejemplo que muestra algunas diferencias:

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