ItemsControl, ItemsPanel y ItemsPresenter (Silverlight, XAML)

Question

Estoy completamente confundido por estos 3 términos, ¿cuándo usarlos? ¿Cuál es la relación y son niños de qué controles?

¿Es correcto decir que este es el árbol:

ItemsControl> ItemsPresenter> ItemsPanel

Answer 1

ItemsControl es conceptualmente un control que alberga artículos. Intente simplemente pensar en este control como titular de cero o más objetos.

ItemsPresenter es un poco más difícil de explicar, pero esto es parte de la plantilla ItemsControl que definirá dónde se colocan los elementos dentro de ella. La plantilla de ItemsControl puede ser lo que quieras, por ejemplo, una cuadrícula con algunas imágenes bonitas, dentro de esta plantilla, colocarías el ItemsPresenter donde quieras que tus artículos estén, digamos justo en el medio de tu grilla. (Este ejemplo se toma de msdn y simplificado para facilitar la lectura)

<Style TargetType="HeaderedItemsControl"> 
    <Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="{x:Type HeaderedItemsControl}"> 
      <Grid> 
      <Rectangle Stroke="Black" Fill="Red"/> 
      <ItemsPresenter Margin="2,0,0,0"/> 
      </Grid> 
     </ControlTemplate> 
    </Setter.Value> 
    </Setter> 
</Style> 

El ItemsPanel es el panel (o contenedor) que controla la disposición de los artículos en su ItemsControl. Por lo tanto, si desea que los elementos que ha agregado a su ItemsControl se muestren de manera horizotal, su panel de elementos simplemente podría ser un StackPanel con su propiedad de Orientación establecida en Horizontal.

¿Todo esto tiene sentido?

Answer 2

creo que esto explica más o menos cómo las cosas se hacen por Silverlight: ItemsPanelTemplate Clase: Especifica el panel que el ItemsPresenter crea para la disposición de los elementos de ItemsControl. ItemsPanelTemplate Class

<Style TargetType="local:myItemsControl"> 
    <Setter Property="ItemsPanel"> 
     <Setter.Value> 
      <ItemsPanelTemplate> 
       <StackPanel Orientation="Vertical"/> 
      </ItemsPanelTemplate> 
     </Setter.Value> 
    </Setter> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="local:myItemsControl"> 
       .... 
       <ItemsPresenter /> 
       .... 

Básicamente, el ItemPresenter (especificado en la plantilla) será reemplazado con lo que se especifica en el ItemsPanelTemplate.

Así, la plantilla se puede ampliar para incluir una cabecera y todo niño será colocado bajo este encabezado:

<Grid> <TextBlock Text="Header"/> <ItemsPresenter /> </Grid>