Padrão de design de tela estendida

O padrão de tela estendida é o padrão mais simples de duas telas, mas é avançado. Você poderá considerar esse padrão se precisar de uma tela maior para uma tarefa, como desenho ou se seu aplicativo tiver uma tela de fluxo livre que o usuário possa rolar livremente para evitar a fenda se algum conteúdo importante estiver obscuro. Isso oferece o benefício de dar ao seu aplicativo maior tamanho de tela, em vez de restringi-lo a uma ou outra tela.

estender a tela permite que os usuários aproveitem o maior tamanho da tela fornecido por dispositivos com tela dupla.

Dois exemplos de tela estendida: um mapa e um aplicativo de desenho

Práticas recomendadas

Aqui estão alguns cenários que ajudarão a orientá-lo ao aplicar esse padrão de design:

coloque alertas e caixas de diálogo no centro de uma tela e evite a dobradiça

O que fazer O que não fazer
Use a tela esquerda ou direita para exibir uma caixa de diálogo. Não exibir a caixa de diálogo passando pela dobradiça posicionada centralizada.

evitar a abrangção de folhas sob a dobradiça

O que fazer O que não fazer
Use a tela esquerda ou direita para exibir planilhas ciais. Não exibir a folha inferior passando pela dobradiça.

evite paletas sob a dobradiça e tente colocar na posição mais natural para o usuário

O que fazer O que não fazer
Exibe a navegação do menu inferior no lado esquerdo da tela. Não divida a navegação do menu inferior entre as duas telas.

evitar barras de ferramentas na dobradiça

O que fazer O que não fazer
Exibir o menu da barra de ferramentas no lado esquerdo para usuários com caneta à direita. Não permita que o menu da barra de ferramentas passe pela dobradiça.

tente colocar barras de ferramentas adequadamente para as preferências do usuário

O que fazer O que não fazer
Exibir o menu da barra de ferramentas no lado direito para usuários com caneta à esquerda. Não permita que o menu da barra de ferramentas passe pela dobradiça.

Tipos de aplicativos que podem se beneficiar desse padrão

  • Aplicativos de mapa
  • Aplicativos de tela para desenho

Exemplos de código

Esses projetos mostram uma implementação simples de tela estendida que você pode usar em seus aplicativos: