Começar a criar para telas grandes

Telas grandes aumentam as oportunidades no desenvolvimento de apps. As telas grandes de tablets, dobráveis e dispositivos ChromeOS exibem conteúdo, facilitam a execução de várias tarefas e permitem o uso de interfaces do usuário que não são possíveis em telas pequenas.

Para começar a desenvolver apps para telas grandes, siga as diretrizes de qualidade de apps em telas grandes. As diretrizes são um conjunto abrangente de requisitos projetados para ajudar a melhorar ao máximo o app para telas grandes.

As diretrizes de qualidade são organizadas em três níveis: Compatível com telas grandes, Otimizado para telas grandes e Diferenciado para telas grandes. Adicione recursos para tela grande ao seu app trabalhando progressivamente em cada um deles, começando por Compatível com telas grandes. Se você já tiver um app, use os testes de diretrizes de qualidade para determinar o nível de suporte do app no momento e implemente os recursos progressivamente até que ele tenha uma forma exclusiva para telas grandes.

Compatível com telas grandes

O app é compatível com telas grandes quando os usuários podem acessar todas as funcionalidades dele em um dispositivo com tela grande. Ele precisa oferecer suporte às orientações retrato e paisagem, além do modo de várias janelas, mas o layout do app e a interface do usuário podem não ser ideias.

Configuração e continuidade

Mudanças de configuração, como girar os dispositivos, mudar o tamanho no modo de várias janelas e dobrar ou desdobrar um dispositivo, podem fazer com que os usuários percam contexto ou, pior, dados.

Confirme se o app retém e restaura o estado durante mudanças de configuração e retoma processos em andamento, por exemplo, a reprodução de mídia.

Para conferir mais informações, consulte os seguintes guias para desenvolvedores:

Modo de várias janelas

Telas grandes tornam o modo de várias janelas mais utilizável e produtivo. Permita a execução do app no modo de várias janelas com outros apps no modo de tela dividida ou formato livre.

Quando o app estiver no modo de várias janelas, use a API WindowMetrics para determinar com precisão o tamanho da janela do app.

Consulte Suporte a várias janelas.

Retomada múltipla

No Android 10 (API de nível 29) e versões mais recentes, as atividades sem foco permanecem no estado RESUMED quando o dispositivo está no modo de várias janelas. Em versões anteriores, essas atividades continuavam no estado STARTED, mas não no estado RESUMED.

Confira se o app oferece suporte à retomada múltipla quando não está em foco, dando prosseguimento a processos em execução, como reprodução de mídia ou downloads de arquivos. Seu app também precisa processar a perda de recursos exclusivos, como a câmera e o microfone do dispositivo.

Consulte Ciclo de vida do modo de várias janelas em Suporte a várias janelas.

Visualização da câmera

Se o app inclui uma visualização da câmera, valide a orientação e proporção em telas grandes. Dispositivos dobráveis de tela grande na orientação retrato podem ter uma proporção de paisagem, e o modo de várias janelas talvez mostre apps na orientação retrato em uma janela redimensionável quando o dispositivo estiver no modo paisagem.

Confira estes guias:

Projeção de mídia

Uma projeção de mídia cria uma tela virtual com base nos limites da tela real (origem). A tela real é a tela inteira do dispositivo, mesmo que ele esteja no modo de várias janelas e o app que cria a projeção de mídia esteja sendo executado em uma janela.

Para conferir os limites corretos para sua projeção de mídia em tela grande, use a API WindowMetrics introduzida no Android 11 (nível 30 da API) ou, para compatibilidade com o nível 14 da API e mais recentes, use a API WindowMetrics do Jetpack WindowManager.

Consulte Projeção de mídia em telas grandes.

Suporte básico a dispositivos de entrada externa

Os usuários geralmente conectam um teclado ou mouse externo a tablets. Os Chromebooks vêm com teclados e trackpads integrados. Ofereça suporte a dispositivos de entrada externa, permitindo que o app processe ações de teclado, mouse e trackpad, como as listadas a seguir:

  • Seleção de botões, campos de entrada e ícones de navegação
  • Seleção de itens do menu, botões de opção, caixas de seleção e texto
  • Rolagem vertical e horizontal em elementos roláveis, como listas

Consulte Compatibilidade de entrada em telas grandes.

Otimizado para telas grandes

Quando seu app é otimizado para telas grandes, a experiência do usuário é imersiva, produtiva e interessante. Os usuários vão adorar usar o app em dispositivos de tela grande.

Layouts responsivos/adaptáveis

Para oferecer suporte a telas grandes e pequenas, crie layouts responsivos/adaptáveis que proporcionem uma experiência ideal para o usuário em dispositivos de todos os tipos.

Para começar, conheça estes recursos:

Classes de tamanho de janela

As classes de tamanho de janela são um conjunto de pontos de interrupção específicos que ajudam você a implementar o design responsivo/adaptável. Use as classes de tamanho de janela para categorizar a área de exibição disponível ao app como compacta, média ou expandida e aplique um layout otimizado.

Consulte Classes de tamanho de janela em Suporte para diferentes tamanhos de tela.

Navegação adaptável em apps

Em telas pequenas, uma barra de navegação inferior funciona bem, mas em telas grandes, as grades ou gavetas de navegação usam melhor o espaço aumentado da tela. Adapte a navegação do app a mudanças no tamanho da tela.

Consulte "Material Design: Como aplicar o layout" (link em inglês).

Elementos da IU responsivos

Formate elementos da IU com base no tamanho da tela. Os botões, cards e campos de texto que ficam em tela cheia nas telas pequenas precisam ter uma largura restrita e funcionalmente adequada em telas grandes. Não deixe caixas de diálogo e outras janelas modais preencherem toda a tela. Os menus de contexto de posição e outros pop-ups relacionados a elementos precisam ficar adjacentes ao elemento selecionado pelo usuário em vez de centralizados na tela.

Consulte Componentes no Material Design, incluindo Botões, Campos de texto, Menus e Caixas de diálogo.

Acessibilidade

Otimize o app para usar recursos de acessibilidade (a11y), por exemplo, navegação usando a tecla Tab e setas. Forneça atalhos de teclado para as ações mais usadas, como selecionar, copiar, recortar e colar. Ative o controle do teclado na reprodução de mídia. Por exemplo, ative a barra de espaço para reproduzir e pausar mídia ou a tecla Enter para enviar mensagens em apps de comunicação.

Consulte Criar apps mais acessíveis.

Suporte avançado a dispositivos de entrada externa

Os apps otimizados para telas grandes oferecem suporte avançado a entradas de teclado, mouse e trackpad. Os menus de opções podem ser acessados pelo comportamento do botão direito do mouse ou trackpad. O conteúdo do app pode ser ampliado usando a roda de rolagem do mouse e os gestos de pinça do trackpad. Os elementos da IU têm estados de passagem do cursor.

Diferenciado para telas grandes

Os apps diferenciados para telas grandes se destacam nas app stores. Eles oferecem uma experiência do usuário muito mais avançada do que nas telas pequenas.

Multitarefas

Telas grandes facilitam a realização de várias tarefas. O modo de várias janelas permite realizar várias tarefas ao mesmo tempo, assim como os modos de exibição especiais picture-in-picture e de várias instâncias.

Modo picture-in-picture

Se o seu app reproduzir conteúdo de vídeo, implemente o modo picture-in-picture para que ele continue a reprodução enquanto o usuário interage com outro app.

Consulte Suporte a picture-in-picture (PiP).

Modo de várias instâncias

Aumente a produtividade em apps como editores de documentos ou gerenciadores de conteúdo, permitindo que duas ou mais instâncias sejam executadas ao mesmo tempo.

Consulte Várias instâncias em Suporte a várias janelas.

Dobráveis

Dobráveis de tela grande são como um smartphone e um tablet em um só dispositivo. Os recursos dobráveis, como as posturas de mesa e de livro, oferecem novas possibilidades de experiência do usuário. Ofereça suporte aos recursos exclusivos de dispositivos dobráveis para destacar seu app.

Confira estes guias:

Arrastar e soltar

As telas grandes são perfeitas para interações de arrastar e soltar no próprio app ou, no Android 7.0 (nível 24 da API) e versões mais recentes, entre diferentes apps no modo de várias janelas.

Aumente a produtividade e o engajamento do usuário adicionando recursos de arrastar e soltar ao app.

Consulte Arrastar e soltar.

Suporte diferenciado a dispositivos de entrada externa

Ofereça suporte para dispositivos de entrada externa, assim como é feito em computadores. Crie um conjunto abrangente de atalhos de teclado personalizáveis. Ative combinações de teclado e mouse ou teclado e trackpad, como Ctrl + clique / Ctrl + toque e shift + clique / shift + toque para fornecer recursos estendidos.

Mostre uma barra de rolagem quando os usuários rolam conteúdo usando um mouse ou trackpad. Revele elementos ocultos de conteúdo, por exemplo, menus suspensos ou dicas sobre ferramentas ao passar o cursor. Inclua menus no estilo de área de trabalho e menus de contexto. Torne os painéis da IU redimensionáveis com um mouse ou trackpad. Ative vários cliques com um mouse ou vários toques com um trackpad.

Stylus

Apps mais aprimorados funcionam em dispositivos de tela grande equipados com stylus. Com uma stylus, os usuários podem desenhar, escrever, apagar, arrastar, soltar e realizar vários outros tipos de interação de toque e gesto.

O suporte ao uso de stylus inclui sensibilidade à pressão, detecção de inclinação e rejeição de palmas e dedos. Portanto, toques acidentais não são registrados.

Proporcione uma experiência excepcional ao usuário em dispositivos premium oferecendo suporte total à entrada com stylus.

Consulte Stylus em Suporte de entrada em telas grandes.

Próximas etapas

Consulte as diretrizes de qualidade de apps para telas grandes e comece a criar um app compatível, otimizado ou diferenciado para telas grandes.

Outros recursos

Coleções de vídeos (em inglês):