Como: Criar um StackPanel
Este exemplo mostra como criar um StackPanel.
Exemplo
Um StackPanel permite você criar elementos de pilha em uma direção especificada. Usando propriedades que são definidas no StackPanel, conteúdos podem fluir tanto verticalmente, que é a definição padrão, quanto horizontalmente.
O seguinte exemplifica cinco controles TextBlock empilhados verticalmente, cada um com um Border e Background diferente, usando StackPanel. Os elementos filhos que não têm nenhum Width especificado alongam para preencher a janela pai, entretanto, elementos filhos que têm um Width especificado, são centralizados na largura da janela.
A direção padrão de pilha em um StackPanel é vertical. Para controlar o fluxo de conteúdo em um StackPanel, use a propriedade Orientation. Você pode controlar o alinhamento horizontal usando a propriedade 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>