Dibujar un control de elementos

Los controles de elementos tienen una propiedad Items que puede contener una colección de objetos secundarios. Puede agregar objetos secundarios de cualquier tipo a la colección de elementos o también mostrar una matriz de elementos de un origen de datos mediante el enlace de datos. Los controles de elementos no tienen ninguna propiedad Content (contenido) ni ninguna propiedad Header (encabezado). Los objetos secundarios se agregan al host de elementos del control de elementos que, para un objeto ListBox, es un panel StackPanel que organiza los elementos en una pila vertical. Solo podrá ver el host de elementos en el panel Objetos y escala de tiempo en Microsoft Expression Blend cuando esté editando la plantilla del control de elementos.

El procedimiento siguiente muestra cómo crear un control de elementos (ListBox) y agregar objetos a la colección de elementos. Este procedimiento se puede usar con otros controles de elementos que se enumeran en "Tipos" en el tema acerca de Tipos ItemsControl (puede estar en inglés) en MSDN.

Si desea mostrar una matriz de elementos de un origen de datos, vea el tema Inténtelo: crear un lector de noticias RSS.

Para obtener más información, vea Usar el panel de diseño StackPanel.

Para crear un control de elementos

1. En el panel Herramientas, situado en el lado izquierdo de Expression Blend, haga clic en Activos . En la categoría Controles, seleccione ListBox  en la lista. El icono del control ListBox aparece bajo el botón Activos y está seleccionado, listo para que el usuario agregue un control ListBox a la mesa de trabajo.

   Sugerencia:
   Los elementos más comunes de la interfaz de usuario (como el control Button) se muestran ya en listas desplegables encima del botón Activos para que pueda agregarlos rápidamente.

2. Para agregar un botón a la mesa de trabajo, haga doble clic en el icono del panel Herramientas para el control ListBox.

   Un objeto ListBox creado en la mesa de trabajo con su ubicación y tamaño predeterminados (superior izquierda)

   

   Sugerencia:
   También puede agregar un control a la mesa de trabajo si selecciona el control en el panel Herramientas y, a continuación, hace clic en la mesa de trabajo y arrastra el mouse para especificar el rectángulo de selección del control.

   Sugerencia:
   Después de agregar un elemento de la interfaz de usuario, como un control ListBox, a la mesa de trabajo, se convertirá en un objeto en la aplicación.

3. En el panel Objetos y escala de tiempo, haga clic en el objeto ListBox para convertirlo en el objeto activo. Observe que el contorno del objeto aparece resaltado en amarillo. Activar un objeto permite agregar un objeto secundario.

   Sugerencia:
   También puede activar un objeto de la mesa de trabajo si elige primero Selección  en el panel Herramientas y, a continuación, hace doble clic en el objeto en la mesa de trabajo.

4. Dibuje varias formas en el objeto ListBox con objetos del panel Herramientas como TextBlock , Button o Rectangle. Observe cómo la lista organiza estos objetos secundarios en una pila vertical.

   Objetos secundarios agregados al objeto ListBox

   

   [!NOTA]

   Si agrega más objetos de los que caben en el control de elementos, aparecerá una barra de desplazamiento al ejecutar la aplicación. Esto le permite ver los objetos adicionales.

   Sugerencia:
   Para reorganizar los objetos de la lista, arrastre y coloque los objetos en el panel Objetos y escala de tiempo, o bien elija la herramienta Selección  para arrastrarlos y colocarlos a la mesa de trabajo.

5. Puede ver los elementos de ListBox y agregar otros en la ventana Editor de la colección. Para abrir el Editor de la colección, haga clic en el botón Editar elementos de esta colección , junto a la propiedad Items (Collection) del panel Propiedades.

6. Genere el proyecto (F5) para ver la aplicación resultante.