StackPanel - Windows Phone

O componente StackPanel representa um container, cujos controles em seu interior são automaticamente organizados de forma vertical (um abaixo do outro) ou horizontal (lado a lado).

A forma como os controles internos serão organizados pode ser configurada através da propriedade Orientation, cujo valor padrão  é Vertical, mas que também pode receber o valor Horizontal.

No trecho de código a seguir temos um StackPanel com três botões em seu interior, organizados um abaixo do outro.


<StackPanel>
    <Button Content="Botão 1"/>
    <Button Content="Botão 1"/>
    <Button Content="Botão 1"/>
</StackPanel>


Resultado:

O mesmo resultado seria obtido se definíssemos a propriedade Orientation="Vertical".

Já no código abaixo, os botões são organizados lado a lado, uma vez que a propriedade Orientation do StackPanel foi definida como Horizontal.


<StackPanel Orientation="Horizontal">
    <Button Content="Botão 1"/>
    <Button Content="Botão 1"/>
    <Button Content="Botão 1"/>
</StackPanel>


Resultado:

Também é possível aninhar vários controles StackPanel para obter a configuração desejada. Então teste os trechos de código acima e veja o resultado.

Se surgirem dúvidas, é só comentar.