Cómo: Crear un StackPanel

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

Ejemplo

Un StackPanel permite apilar elementos en una dirección especificada. Mediante el uso de propiedades definidas en StackPanel, el contenido puede fluir verticalmente, que es la configuración predeterminada o horizontalmente.

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

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

<Page xmlns="http://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>

Consulte también

• StackPanel
• Información general sobre paneles
• Temas de procedimiento