Partilhar via

Como: Criar um StackPanel

  • Artigo

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