Como: Criar um StackPanel

Este exemplo mostra como criar um StackPanel.

Exemplo

Um StackPanel permite empilhar elementos em uma direção especificada. Usando propriedades definidas em StackPanel, o conteúdo pode fluir verticalmente, que é a configuração padrão, ou horizontalmente.

O exemplo a seguir empilha verticalmente cinco controles TextBlock, cada um com um Border e Backgrounddiferentes, usando StackPanel. Os elementos filho que não têm Width especificados se estendem para preencher a janela pai; no entanto, os elementos filho que têm um Widthespecificado são centralizados dentro da janela.

A direção padrão da pilha num 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="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>

Ver também

• StackPanel
• Visão geral dos painéis
• Tópicos de tutoriais