Compartir a través de


Usar el panel de diseño StackPanel

Un panel de diseño StackPanel permite espaciar objetos en una dirección asignada. En función de las propiedades que se definan en el panel de diseño StackPanel , el flujo de contenido puede ser vertical (opción predeterminada) u horizontal. Los paneles de diseño StackPanel se usan principalmente en los controles de lista, como en los controles ListBox o las listas emergentes de un control ComboBox . Todo objeto que se cree o se dibuje dentro de un panel de diseño StackPanel se agregará automáticamente al orden de apilamiento como último objeto secundario de los objetos del panel. A medida que se agreguen más objetos secundarios, comprobará que el panel de diseño StackPanel recorta (u oculta) los objetos que no encajan.

  • **Orientación  ** De manera predeterminada, los objetos de un panel de diseño StackPanel se apilan verticalmente, pero también se pueden apilar en sentido horizontal.

  • **Paneles anidados  ** Puede usar un panel de diseño anidado (es decir, puede usar un panel de diseño como objeto secundario) para que contenga los objetos en paralelo. En el panel anidado, el apilamiento se realiza del mismo modo que con cualquier otro objeto secundario contenido en el panel de diseño StackPanel primario.

Para agregar un panel de diseño StackPanel a un documento, seleccione StackPanel  Cc294551.ec58af86-cc2a-4e1f-91c0-883c5406fdfb(es-es,Expression.40).png en el panel Activos Cc294551.0d8b8d29-1af9-418f-8741-be3097d76eab(es-es,Expression.40).png o en el botón de contenedor de diseño del panel Herramientas y arrástrelo a la mesa de trabajo. El siguiente código XAML se agrega al proyecto:

<Grid x:Name="LayoutRoot">
   <StackPanel HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100"/>
</Grid>

Para obtener más información acerca del trabajo con el panel de diseño StackPanel , vea Cambiar el orden de apilamiento y Cambiar la orientación de apilamiento.

Objetos en un panel StackPanel establecido con una orientación vertical

Cc294551.a85a7b57-b0a8-495e-b985-f0291e41d093(es-es,Expression.40).png

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.