Orientações de design responsivo

Na secção sobre orientações de design reativo para aplicações de tela no Power Apps, analisamos estratégias e práticas essenciais para criar aplicações que se adaptam perfeitamente em vários dispositivos. Esta secção engloba princípios-chave que vão desde técnicas de adaptação de ecrã até à utilização de contentores, ajustes às definições e passos de implementação detalhados. Cada diretriz destina-se a garantir que a sua aplicação de tela proporciona uma experiência de utilizador ideal, independentemente do tamanho do ecrã ou orientação do dispositivo, abordando um dos aspetos mais críticos do desenvolvimento de aplicações modernas. Estas orientações são fundamentais para os programadores que procuram melhorar a acessibilidade e a cativação dos utilizadores para os respetivos Power Apps.

Adaptar-se a tamanhos de ecrã

As aplicações de tela devem ser concebidas para ajustarem automaticamente o esquema e interface com base no tamanho do ecrã do dispositivo. Esta capacidade de resposta garante que a aplicação permanece funcional e visualmente apelativa em vários dispositivos, desde smartphones a computadores de secretária.

Utilizar Contentores

Incorporar contentores horizontais e verticais no design da aplicação. Estes contentores são fundamentais na organização e alinhamento dinâmicos dos componentes da aplicação, certificando-se de que respondem eficazmente a alterações nas dimensões do ecrã.

Desativar "Dimensionar para Ajustar" e gerir a proporção/orientação

É vital desativar a definição "Dimensionar para Ajustar" para permitir uma verdadeira capacidade de resposta da aplicação, uma vez que tal evita o mero dimensionamento e promove a adaptação natural do esquema a vários tamanhos de ecrã. Além disso, ajustar a proporção e as configurações de 'Bloquear orientação' é crucial. Estes ajustes garantem que o esquema da aplicação responde eficazmente a diferentes tamanhos e orientações de ecrã, mantendo uma interface consistente e funcional, quer o dispositivo esteja em modo vertical ou horizontal.

Utilizar esquemas reativos

Utilize designs de layout, como tela dividida e barra lateral, que oferecem diferentes experiências de usuário em vários dispositivos. Esta adaptabilidade melhora a funcionalidade da aplicação, tornando-a mais intuitiva para os utilizadores em qualquer dispositivo.

Utilizar fórmulas para esquema dinâmico

Utilize fórmulas em vez de coordenadas fixas para controlos de posicionamento e dimensionamento, garantindo que se adaptem a alterações às dimensões da ecrã para um esquema dinâmico e reativo.

Planear para vários dispositivos

Um design reativo eficaz envolve antecipar o aspeto e as funções da aplicação em diferentes dispositivos. Isto inclui decisões sobre o redimensionamento de elementos ou ocultá-los completamente em ecrãs mais pequenos para otimizar espaço e manter a capacidade de utilização.

Aplicação prática

Transformar uma aplicação de tela não reativa numa aplicação reativa que requer uma abordagem sistemática. Isto envolve ajustar as definições para capacidade de resposta e configurar cuidadosamente as propriedades do contentor para garantir que os elementos dentro da aplicação se adaptam a diferentes tamanhos de ecrã.

Recursos

• Orientações de Well-Architected para o Esquema do Power Platform

Próximo passo

Legibilidade do código