Cómo: Crear un StackPanel

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 ajustan 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

Referencia

StackPanel

Conceptos

Información general sobre elementos Panel

Otros recursos

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