Diferenças entre os controles do contêiner

Contêineres são blocos de construção para o layout do aplicativo, sendo importante entender os vários tipos de controles de contêiner e quando usá-los.

Contêiner	Layout do contêiner	Contêiner de Página
Um único contêiner que consegue manter os controles e outros contêineres dentro dele Contêiner	O Layout do contêiner ajuda você a criar um layout complexo com várias seções (contêineres). Layout do contêiner	O contêiner de página pode hospedar outra página na página atual Contêiner de Página
Aumenta com base no tamanho de seu conteúdo	Tem uma altura fixa. A largura se baseia na grade; ela encolherá e crescerá de acordo com a largura da tela	Aumenta de acordo com o tamanho da página aninhada
Usado para alinhar um grupo de elementos de maneira semelhante Usado para alinhar um elemento específico, diferente de outros elementos É possível ter contêineres aninhados Os contêineres aninhados são usados se deseja alinhar/posicionar elementos no contêiner interno, de maneira distinta do externo Não há limite de número de contêineres aninhados. Entretanto, de modo geral, aconselhamos não exceder 4 níveis de contêineres aninhados para facilidade de manutenção e para fins de desempenho	Usado para criar um layout (estrutura) para uma página Não é recomendado para uso dentro de outros contêineres/outro controle que não a página O uso de layouts de contêiner aninhado levará a problemas de espaços extras e de manutenção	Útil para reutilização de componentes em seu aplicativo como, por exemplo, se você deseja ter um cabeçalho consistente ou um corpo consistente nas diferentes páginas de seu aplicativo Ajuda na facilidade de manutenção

Exemplo sobre como alinhar controles usando contêineres

O exemplo abaixo demonstra uma forma simples, na qual você deseja coletar as seguintes informações do usuário: nome, sobrenome, e-mail e escola. Embora as caixas de entrada de E-mail e Escola possam ficar uma abaixo da outra, queremos que os campos de Nome e Sobrenome fiquem disponíveis lado a lado. Para tanto, siga as etapas abaixo

• Adicione um novo contêiner
• Altere o layout do contêiner para a orientação Horizontal
• Adicione as duas caixas de texto dentro do contêiner