Design de aplicativo responsivo

Um aplicativo responsivo se adapta de forma perfeita a vários tamanhos e resoluções de tela. Projetar seu aplicativo para que seja responsivo e compatível com vários dispositivos também oferece benefícios de acessibilidade. Use o controle Contêiner para obter um design de aplicativo responsivo.

Consulte Contêiner para obter mais informações.

Para configurar um controle de Contêiner para ser responsivo:

1. Selecione Adicionar controle e, em seguida, Contêineres, e arraste o Contêiner para dentro de seu aplicativo.
   Observação:

   O Apps estabelece a ordem de foco para os contêineres dentro de um controle de layout de Contêiner com base em sua posição no painel do Explorador de Projeto .

2. No painel Propriedades , selecione Estilo.
3. Selecione Permitir encapsulamento e Permitir rolagem.
4. Em Tamanho, defina a Largura como um valor fixo de sua escolha.
5. Selecione o botão Opções adicionais .
6. Em Tamanho máximo, defina a Largura máxima como 100%.
7. Em Avançado, defina as propriedades crescimento Flex e redução Flex como 1.

Os controles dentro do Contêiner encapsulam na próxima linha quando não há espaço suficiente disponível.

O Contêiner usa todo o espaço disponível, mas não expande além do espaço disponível.