Projetando para dobráveis: posturas, tamanhos de janelas e gestos

Posturas

A documentação do desenvolvedor do Android descreve dobráveis ​​​​em várias posturas: dobrado, plano aberto, plano aberto girado para paisagem e meio aberto, conhecido como tampo de mesa. A dobra divide a tela em duas partes, seja como uma área flexível de uma tela ou como uma dobradiça entre dois monitores, e pode obscurecer parte da tela.

Projetar por classes de tamanho de janela

Em vez de direcionar dispositivos específicos, Android agrupa o espaço disponível em classes de tamanho de janela. A largura compacta (abaixo de 600 dp) cobre quase todos os telefones em modo retrato; largura média (600 a 840 dp) cobre a maioria dos tablets em retrato e muitos displays internos grandes desdobrados em retrato; a largura expandida (840 a 1200 dp) cobre a maioria dos tablets e grandes telas desdobradas em paisagem. Classes grandes e extragrandes abrangem tablets e desktops maiores.

Layouts que usam a dobra

Padrões comuns:

• Dobrado: o layout normal do telefone.
• Plano aberto: layouts de detalhes de lista ou de dois painéis, com cada painel em um lado da dobra.
• Mesa: conteúdo como vídeo na metade superior, controles na metade inferior.
• Nunca coloque um botão, linha de texto ou face na dobra.

Continuidade

Quando alguém desdobra um dispositivo no meio de uma tarefa, o aplicativo deve continuar onde estava: mesma posição de rolagem, mesmo rascunho, mesma reprodução. Trate a dobra e a desdobra como uma mudança de layout, não como uma reinicialização, e anime a transição para que as pessoas possam acompanhar para onde o conteúdo foi movido.

Gestos e alcance

Telas maiores e desdobradas alteram o alcance do polegar: coloque controles frequentes perto das bordas onde as mãos descansam e evite deslizar nas bordas que entrem em conflito com os gestos do sistema. O movimento baseado na física também ajuda aqui: painéis que deslizam e assentam com molas fazem com que a mudança entre as posturas pareça natural, em vez de chocante.