Cómo: Crear un StackPanel

Actualización: noviembre 2007

En este ejemplo se muestra cómo crear un objeto StackPanel.

Ejemplo

Un objeto StackPanel permite apilar elementos en una dirección especificada. Utilizando propiedades que se definen en StackPanel, el contenido puede fluir verticalmente, que es la configuración predeterminada, u horizontalmente.

En el ejemplo siguiente se apilan verticalmente cinco controles TextBlock, cada uno con diferente Border y Background, utilizando StackPanel. Los elementos secundarios que no tienen un valor Width especificado se expanden para rellenar la ventana primaria; sin embargo, los elementos secundarios que tienen un valor Widthespecificado se centran dentro de la ventana.

La dirección de la pila predeterminada en un control StackPanel es vertical. Para controlar el flujo del contenido en un control StackPanel, utilice la propiedad Orientation. Puede controlar la alineación horizontal utilizando la propiedad HorizontalAlignment.

<Page xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle="StackPanel Sample">
  <StackPanel>
    <Border Background="SkyBlue" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="12">Stacked Item #1</TextBlock>
    </Border>
    <Border Width="400" Background="CadetBlue" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="14">Stacked Item #2</TextBlock>
    </Border>
    <Border Background="LightGoldenRodYellow" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="16">Stacked Item #3</TextBlock>
    </Border>
    <Border Width="200" Background="PaleGreen" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="18">Stacked Item #4</TextBlock>
    </Border>
    <Border Background="White" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="20">Stacked Item #5</TextBlock>
    </Border>
  </StackPanel>
</Page>

Vea también

Conceptos

Información general sobre elementos Panel

Referencia

StackPanel

Otros recursos

Temas "Cómo..." del elemento StackPanel

Ejemplos de StackPanel