apps
2023.10
false
Importante :
A tradução automática foi aplicada parcialmente neste conteúdo.
UiPath logo, featuring letters U and I in white
LEGACY
Guia do usuário do Apps Legado para o Automation Suite
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 11 de nov de 2024

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

O Layout do contêiner ajuda você a criar um layout complexo com várias seções (contêineres).

O contêiner de página pode hospedar outra página na página atual

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
docs image
  • Exemplo sobre como alinhar controles usando contêineres

Esta página foi útil?

Obtenha a ajuda que você precisa
Aprendendo RPA - Cursos de automação
Fórum da comunidade da Uipath
Uipath Logo White
Confiança e segurança
© 2005-2024 UiPath. Todos os direitos reservados.