Crear un control de contenido
Los controles de contenido tienen una única propiedad de contenido que define lo que mostrará el control. La propiedad de contenido puede ser tan simple como una cadena de texto o tan compleja como un objeto de Microsoft® .NET Framework. Si agrega un control de panel de diseño a un control de contenido, el control de panel se convierte en el contenido al que puede agregar diversos elementos secundarios, con lo que se resuelve la limitación de un único elemento de contenido.
El procedimiento siguiente muestra cómo crear un control de contenido (Button) y establecer su propiedad de contenido en un panel de diseño (StackPanel). Este procedimiento también se puede usar con otros controles de contenido enumerados en la sección de tipos del tema sobre tipos ContentControl en MSDN (en inglés).
Para crear un control de contenido
- En el cuadro de herramientas situado en el lado izquierdo de Microsoft Expression® Blend, haga clic en el botón Panel biblioteca
. En la ficha Controles, haga clic en Controles del sistema (si aún no está seleccionado) y elija Button 
en la lista.
El icono del control Button aparecerá encima del botón Panel biblioteca y estará seleccionado, listo para que el usuario agregue un control Button al área de diseño.
Los elementos más comunes de la UI (como el control Button) se muestran ya en listas desplegables encima del botón Panel biblioteca para que pueda agregarlos rápidamente. - Para agregar un botón al área de diseño, haga doble clic en el icono del cuadro de herramientas para el control Button.
El contenido predeterminado de un control Button es la cadena "Button".
Objeto Button creado en el área de diseño con su ubicación (parte superior izquierda) y tamaño predeterminados
También puede agregar un control al área de diseño seleccionando el control en el cuadro de herramientas y, a continuación, haciendo clic en el área de diseño y arrastrando el mouse para especificar el rectángulo de selección del control. Después de agregar un elemento de diseño de la UI, como un control Button, al área de diseño, se convierte en un objeto en la aplicación. - En Objetos y escala de tiempo, haga doble clic en el objeto Button para convertirlo en el elemento activado. Observe que el elemento aparece resaltado en amarillo. Activar un objeto permite agregar un elemento secundario.
También puede activar un objeto del área de diseño si selecciona primero la herramienta Selección 
en el cuadro de herramientas y, a continuación, hace doble clic en el objeto en el área de diseño. - En el cuadro de herramientas, seleccione el control StackPanel
, ya sea del Panel biblioteca o de una de las listas desplegables de controles comunes. Haga doble clic en el icono del control StackPanel para agregarlo como elemento secundario dentro del botón.
StackPanel reemplaza la cadena de contenido del objeto Button. Para comprobarlo, seleccione [Button] en Objetos y escala de tiempo y consulte la propiedad Content en la categoría Propiedades comunes del panel Propiedades.
Objeto StackPanel agregado como elemento secundario dentro de un objeto Button del área de diseño
- StackPanel tiene un alto y un ancho de 100, y un alto y ancho mínimos de 0, establecidos como tamaño predeterminado. Para que resulte más fácil trabajar con el objeto StackPanel, seleccione [StackPanel] en Objetos y escala de tiempo y cambie el valor de Width a 150 píxeles (o unidades independientes del dispositivo, que son aproximadamente 1/96 de pulgada) y el valor de Height a 75 píxeles en la categoría Diseño del panel Propiedades. Observe que el botón cambia de tamaño automáticamente al cambiar el tamaño del elemento secundario (StackPanel).
También puede cambiar el tamaño de un objeto en el área de diseño haciendo clic y arrastrando las etiquetas contextuales de los vértices del rectángulo de selección. - Con [StackPanel] aún seleccionado en Objetos y escala de tiempo, establezca la propiedad Orientation en la categoría Diseño del panel Propiedades en Horizontal, de modo que los elementos secundarios del objeto StackPanel se apilen horizontalmente. Este cambio de propiedad no afectará al objeto StackPanel tal como se muestra en el área de diseño hasta que se agreguen elementos al mismo.
- En Objetos y escala de tiempo, haga doble clic en el objeto [StackPanel] para activarlo de modo que pueda agregar elementos secundarios.
A diferencia de la mayoría de los elementos de la UI, algunos paneles de diseño (como StackPanel y Grid) pueden contener más de un elemento secundario. Esto es útil para organizar y disponer el diseño de la aplicación. Para obtener más información, vea Sistema de diseño. - En el cuadro de herramientas, seleccione la herramienta Elipse
y dibuje un círculo dentro del objeto StackPanel en el área de diseño. A continuación, seleccione el control TextBox 
del cuadro de herramientas y dibújelo dentro del objeto StackPanel.
Los elementos secundarios se apilan unos al lado de otros de izquierda a derecha debido a la orientación horizontal del objeto StackPanel contenedor. Si desea agregar espacio entre los elementos secundarios, puede ajustar las propiedades Margin de los elementos en la categoría Diseño del panel Propiedades.
Objetos secundarios agregados al objeto StackPanel
- Genere el proyecto (F5) para ver la aplicación resultante.