Dispositivos dobráveis oferecem uma oportunidade inovadora de desenvolvimento de apps. Telas grandes e pequenas no mesmo dispositivo oferecem experiências interativas complementares, mas distintas. Os recursos dobráveis, como as posições de mesa e de livro, permitem layouts imaginativos e interfaces do usuário não convencionais.
Design adaptável
Para oferecer suporte ideal às telas dobradas e abertas de um dispositivo dobrável, o layout precisa se adaptar. As diferenças de tamanho e proporção das telas dobrada e aberta podem ser substanciais, exigindo layouts alternativos otimizados para diferentes tamanhos e configurações de tela. Os layouts adaptáveis proporcionam uma experiência do usuário otimizada quando um dispositivo dobrável está dobrado ou aberto, na orientação retrato ou paisagem ou ainda nas posições de mesa ou livro.
Por exemplo, um dispositivo dobrável de tela grande aberto na orientação paisagem é como um tablet. Um layout de dois painéis com uma coluna de navegação faz excelente uso da tela inteira. Quando dobrado, o dispositivo é semelhante a um smartphone padrão. Um layout de coluna única com uma barra de navegação na parte de baixo da tela é simples, mas eficaz. Como os layouts são separados, você pode otimizar cada um para o caso de uso específico.
Para saber mais sobre design e desenvolvimento adaptáveis para dispositivos dobráveis, consulte estes recursos:
- Design: consulte a galeria de interfaces para se inspirar em layouts e padrões em diferentes formatos.
- Desenvolvimento: siga as orientações para desenvolvedores em Suporte a diferentes tamanhos de tela para criar layouts adaptáveis.
Estados e posturas dobráveis
A dobra de um dispositivo dobrável divide a tela em duas partes. A dobra pode ser uma área flexível da tela ou, em dispositivos com tela dupla, uma articulação que separa as duas telas.
A dobra tem dimensão e uma propriedade occlusionType, que define
se a dobra oculta parte da tela. Em dispositivos com tela dupla, a occlusionType é FULL, o que oculta todo o conteúdo na área da dobra (articulação), mesmo que o app usado possa abranger as duas telas.
Os dispositivos dobráveis podem ficar em vários estados dobráveis, como FLAT (totalmente
abertos) ou HALF_OPENED (parcialmente abertos).
Quando um dispositivo está no estado HALF_OPENED, duas posturas são possíveis, dependendo da orientação da dobra: de mesa (dobra horizontal) e de livro (dobra vertical).
As posições de mesa e livro oferecem novas possibilidades de layout, mas o estado do dispositivo HALF_OPENED também impõe algumas limitações. Por exemplo, os usuários podem ter dificuldade para acessar os controles de IU perto da dobra e a sobreposição de texto pode ser difícil de ler (ou ficar ilegível se occlusionType for FULL).
Projete seus layouts para que os elementos da IU sejam acessíveis em todos os estados do dispositivo. Posicione as caixas de diálogo e os menus pop-up de modo que não sobreponham a dobra. O conteúdo importante precisa ficar visível quando o dispositivo está parcialmente dobrado. Divida o conteúdo em duas áreas quando o dispositivo estiver meio aberto: partes de cima e de baixo na postura de mesa e partes esquerda e direita na postura de livro.
Além das posições, os dispositivos dobráveis oferecem suporte a modos de exibição exclusivos:
- Modo de tela traseira:permite que o app use a tela externa enquanto o dispositivo está aberto, permitindo recursos como a prévia da selfie de câmera traseira.
- Modo de tela dupla:mostra conteúdo simultaneamente nas telas interna e externa, permitindo experiências como tradução bidirecional.
Para mais informações sobre dobras e posturas dobráveis, consulte Fazer com que seu app reconheça um dispositivo dobrável. Para saber como oferecer suporte a modos de exibição exclusivos, consulte Suporte a modos de tela para dispositivos dobráveis.
Continuidade do app
Um app é interrompido e reiniciado assim que passa de uma tela para outra quando um dispositivo é dobrado ou desdobrado. Para manter a continuidade para o usuário, o app precisa preservar e restaurar o estado de maneira integrada, conforme descrito nas diretrizes de qualidade de apps adaptáveis.
Os diferentes layouts de tela de um dispositivo dobrável também precisam se complementar. Por exemplo, se a tela dobrada mostra uma imagem e a descrição de um produto em uma loja on-line, a tela aberta precisa manter a continuidade mostrando a mesma imagem e descrição, mas também incluir conteúdo complementar, como especificações ou avaliações do produto.
Para saber mais sobre o gerenciamento de estado e continuidade do app, consulte Salvar estados da IU e Gerenciar mudanças de configuração.
Multitarefas
Os dispositivos dobráveis de tela grande têm uma tela do tamanho de um tablet, ideal para exibir diversas tarefas no modo de várias janelas. Eles oferecem suporte ao modo de tela dividida, alguns oferecem suporte até ao modo janela para computador, em que os apps são mostrados em janelas móveis e redimensionáveis, como um sistema de janelas para computador.
|
|
|
|
|
O Android 12 (nível 31 da API) e versões mais recentes usam o modo de várias janelas por padrão. Em telas grandes, todos os apps são executados nesse modo, independentemente da configuração deles. Nas versões mais antigas até o Android 7.0 (nível 24 da API), é necessário configurar o app como redimensionável para oferecer suporte ao modo de várias janelas.
Para mais informações sobre multitarefas no modo de várias janelas, consulte Suporte ao modo de várias janelas.
Arrastar e soltar
Os dispositivos dobráveis de tela grande oferecem amplo espaço de tela para interações de arrastar e soltar. O modo de várias janelas em dispositivos dobráveis permite arrastar e soltar entre apps.
As interações de arrastar e soltar criam uma experiência de usuário produtiva e envolvente. Adicione recursos de arrastar e soltar ao app usando o respectivo framework do Android. Para mais informações, consulte Ativar o recurso de arrastar e soltar.