Entendendo os Panels: Stack Panel

Este é uma série de artigos em quatro partes. Clique aqui para ler o artigo anterior (Canvas).

O Stack Panel, como diz o nome, é um painel em formato de pilha. Ou seja, você consegue enfileirar uma pilha de objetos dentro deles. A ideia é facilitar o desenho daqueles objetos que são construídos num formato de fila, como um menu vertical ou horizontal.

Inclusive existe uma propriedade chamada Orientation que define justamente isto: se os objetos serão alinhados na vertical (valor padrão) ou na horizontal.

Este painel foi desenhado com a intenção de organizar poucos objetos, ou seja, a ideia não é utilizar estes painéis para desenhar um layout inteiro, mas parte deles. De fato, ele convive bem com outros painéis como o Canvas e o Grid.

Vamos ver um exemplo simples:

<StackPanel>
    <Button Margin="3" Height="50" Width="50" Content="Arquivo" />
    <Button Margin="3" Height="50" Width="50" Content="Editar" />
    <Button Margin="3" Height="50" Width="50" Content="Visualizar" />        
</StackPanel> 

Resultado:

Agora vamos ver na vertical como fica:

<StackPanel Orientation="Horizontal">
    <Button Margin="3" Height="50" Width="50" Content="Arquivo" />
    <Button Margin="3" Height="50" Width="50" Content="Editar" />
    <Button Margin="3" Height="50" Width="50" Content="Visualizar" />
</StackPanel> 

Resultado:

No próximo artigo iremos ver o último e talvez mais importante painel: a Grid.

Etiquetado , , ,

3 pensamentos sobre “Entendendo os Panels: Stack Panel

  1. […] porém vamos falar agora dos painéis que vem disponível com o Silverlight: o Canvas, o StackPanel e a […]

  2. […] Este é uma série de artigos em quatro partes. Leia o que foi escrito sobre Canvas e sobre Stack Panel. […]

  3. […] é uma série de artigos em quatro partes. Leia o que foi escrito sobre Canvas, Stack Panel e sobre […]

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: