Qual è la differenza tra ItemTemplate e ItemContainerStyle in un ListBox WPF?

Question

In WPF Listbox, sono confuso con queste 2 nozioni: ItemTemplate e ItemContainerStyle Qualcuno può spiegarmi di più?

Answer 1

Il ItemTemplate è per lo stile come viene visualizzato il contenuto dell'elemento di dati. Lo si utilizza per associare campi dati, formattare le stringhe di visualizzazione e così via. Determina come vengono presentati i dati.

Il ItemContainerStyle è per lo styling del contenitore dell'elemento di dati. In una casella di riepilogo, questo sarebbe un ListBoxItem. Lo stile qui riguarda cose come il comportamento di selezione o il colore di sfondo. Determina lo stile e la UX del display.

La pagina di MSDN per ItemContainerStyle, linkata sopra, ha un buon esempio che mostra alcune differenze:

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

Answer 2

L'ItemContainerStyle solo un wrapper per il DataTemplate in modo che può essere applicato uno stile comune oggetto a diversi layout di dati.

Inoltre, da this answer to "DataTemplate vs ItemContainerStyle":

Si può fare tutto il tuo stile nel ItemTemplate, ma l'ItemContentStyle ha VisualStates che controllano l'opacità al passaggio del mouse/disabili/selezionato ecc

Se si desidera cambia le modifiche allo stato di opacità, o se vuoi una forma Container diversa da un rettangolo, ad esempio un triangolo, dovrai sostituire il ItemContainerStyle predefinito.