Organizar objetos en contenedores de diseño en Blend

Piense en qué parte de la página desea que aparezcan los objetos como imágenes, botones y vídeos. Tal vez desee que aparezcan en filas y columnas, en una sola línea vertical u horizontal, o en posiciones fijas.

Después de que haya considerado el aspecto que tendría la página, seleccione un panel de diseño. Todas las páginas tienen uno como punto de partida, ya que se necesita algo donde agregar los objetos. De forma predeterminada, es una Cuadrícula, pero puede cambiar esta configuración.

Los paneles de diseño le ayudarán a organizar los objetos en una página, pero no solo sirven para eso. Además, facilitan el diseño en diferentes tamaños y resoluciones de pantalla. Cuando los usuarios ejecutan la aplicación, todo lo que contiene el panel de diseño cambia de tamaño para coincidir con el espacio real en pantalla de sus dispositivos. Por supuesto, si no desea que el diseño actúe de ese modo, puede invalidar este comportamiento en todo o parte del diseño. Para controlarlo, puede utilizar propiedades de alto y ancho.

En esta página se describen los controles y los paneles de diseño y, además, se incluyen vínculos a vídeos cortos que le ayudarán a empezar a trabajar con ellos. Si desea sugerir un vídeo o sabe de algún vídeo excelente que le haya ayudado a organizar el contenido de sus páginas, compártalo con nosotros. Vea cómo puede ayudarnos a desarrollar nuestro contenido.

Paneles de diseño

Para empezar su página, elija uno de estos paneles de diseño. La página puede tener más de uno. Por ejemplo, puede comenzar con un panel de diseño de Cuadrícula y, a continuación, agregar un elemento StackPanel a un área de la Cuadrícula; así, podrá organizar los controles verticalmente en ese elemento.

Los siguientes paneles de diseño son los usados más habitualmente, pero hay otros. Puede encontrarlos todos en el panel Activos.

• Grid

• UniformGrid

• Canvas

• StackPanel

• WrapPanel

• DockPanel

Grid

Organice los objetos en filas y columnas.

Vea un vídeo corto: Using Grids

UniformGrid

Organice los objetos en regiones de cuadrícula iguales o uniformes. Este panel es excelente para organizar una lista de imágenes.

(Disponible solo para proyectos de WPF)

Vea un vídeo corto: Working with a UniformGrid

Canvas

Organice los objetos como desee. Cuando los usuarios ejecuten la aplicación, estos elementos tendrán una posición fija en la pantalla.

Vea un vídeo corto: Working with the canvas

StackPanel

Organice los objetos en una sola línea horizontal o verticalmente.

Vea un vídeo corto: Working with StackPanel and WrapPanel

WrapPanel

Organice los objetos en secuencia de izquierda a derecha. Cuando el panel se queda sin espacio en el borde de la derecha, ajusta el contenido a la línea siguiente, y así sucesivamente de izquierda a derecha y de arriba abajo. También puede hacer que la orientación de un panel de ajuste (WrapPanel) sea vertical para que los objetos fluyan de arriba abajo y de izquierda a derecha.

(Disponible solo para proyectos de WPF)

Vea un vídeo corto: Working with StackPanel and WrapPanel

DockPanel

Organice los objetos para que permanezcan, o se acoplen, en uno de los bordes del panel.

(Disponible solo para proyectos de WPF)

Vea un vídeo corto: WPF - DockPanel

Controles de diseño

También puede agregar los objetos a controles de diseño. No tienen tantas características como un panel de diseño, pero pueden resultar útiles en determinados escenarios.

Los siguientes controles de diseño son los usados más habitualmente, pero hay otros. Puede encontrarlos todos en el panel Activos.

• Borde

• Popup

• ScrollViewer

• UniformGrid

• ViewBox

Borde

Cree un borde, un fondo o ambos alrededor de un objeto. Solo puede agregar un objeto a un Borde. Si desea aplicar un borde o un fondo a más de un objeto, agregue un panel de diseño al Borde. A continuación, agregue objetos a ese panel o control.

Vea un vídeo corto: Working with Borders

Popup

Muestre información u opciones a los usuarios en una ventana. Solo puede agregar un objeto a un Popup. De forma predeterminada, un Popup contiene una Cuadrícula, pero se puede cambiar esta configuración.

ScrollViewer

Permita que los usuarios se desplacen hacia abajo en una página o parte de una página. Puede agregar un solo objeto a un control ScrollViewer así que resulta muy adecuado agregar un panel de diseño como una Cuadrícula o StackPanel.

Viewbox

Escale objetos igual que haría con un control de zoom. Solo puede agregar un objeto a un Viewbox. Si desea aplicar ese efecto a más de un objeto, agregue un panel de diseño al control ViewBox y después agregue los controles a dicho panel de diseño.

(Disponible solo para proyectos de WPF)

Ayúdenos a desarrollar nuestro contenido

Si ha descubierto un vídeo o un artículo que le haya ayudado a organizar los objetos en Blend, compártalo con nosotros. Después de revisar el contenido, quizá lo agreguemos como vínculo para que otros puedan beneficiarse de su descubrimiento.

También nos gustaría que nos sugiriese nuevos vídeos. En caso de recibir solicitudes similares de otras personas, crearemos un vídeo si así nos lo permiten nuestro tiempo y prioridades.

Nadie conoce su negocio mejor que usted. Por lo tanto, díganos qué recursos le han ayudado a organizar los objetos en las páginas e indíquenos qué áreas necesitan explicarse mejor, tanto por nuestra parte como por parte de cualquier miembro de nuestra comunidad. De este modo, podremos perfeccionar el contenido para ayudarle.

Comparta sus sugerencias aquí.