Com novos formatos, como o Pixel 10 Pro Fold, entrando no ecossistema Android, o desenvolvimento de apps adaptáveis é essencial para criar experiências de usuário de alta qualidade em smartphones, tablets e dispositivos dobráveis. Os usuários esperam que a interface do seu app se adapte perfeitamente a esses diferentes tamanhos e posturas.

Para ajudar você a criar essas experiências dinâmicas com mais eficiência, anunciamos que a Biblioteca de layouts adaptáveis do Compose 1.2 está oficialmente em versão Beta. Essa versão oferece novas ferramentas poderosas para criar interfaces responsivas e refinadas para esse ecossistema de dispositivos em expansão.

Novas ferramentas avançadas para uma tela maior

A biblioteca de layouts adaptáveis do Compose é nosso kit de ferramentas fundamental para criar interfaces que se adaptam a diferentes tamanhos de janela. Esta nova versão Beta está repleta de recursos avançados para ajudar você a criar layouts sofisticados com menos código. As principais adições incluem:

• Novas estratégias de layout eficientes:a versão Beta apresenta novas estratégias de layout, como reflow e levitate, projetadas para ajudar você a criar layouts dinâmicos que ficam ótimos nas telas interna e externa de um dispositivo como o Pixel 10 Pro Fold, Galaxy Z Fold7 e Z Flip7.
• Novas classes de tamanho de janela:a versão adiciona suporte integrado para as novas classes de tamanho de janela grande e extra grande. Esses novos pontos de interrupção são essenciais para projetar e acionar mudanças ricas e de várias telas na interface em telas grandes, como tablets e dispositivos dobráveis grandes.

Duas novas estratégias de adaptação de painéis: reflow (esquerda) e levitate (direita)

Para conferir uma lista completa de mudanças, consulte a documentação oficial da versão. Confira nossos guias sobre layouts canônicos e como criar um layout de painel de suporte.

Engaje mais usuários em todas as telas

Adotar uma mentalidade adaptativa é mais do que uma prática recomendada, é uma estratégia de crescimento. O objetivo não é apenas fazer o app funcionar em uma tela maior, mas sim torná-lo mais intuitivo para os usuários. Em vez de simplesmente esticar um layout de coluna única, pense em como usar o espaço extra para criar experiências mais eficientes e imersivas.

Esse é o princípio fundamental por trás de estratégias de layout dinâmico como reflow, um novo recurso eficiente na versão Beta do Compose Adaptive Layouts 1.2 criado para ajudar você a criar essas UIs. Por exemplo, um ótimo ponto de partida é adotar um layout de vários painéis. Ao mostrar uma lista e a visualização de detalhes correspondente lado a lado, você reduz os toques e permite que os usuários concluam as tarefas mais rapidamente.

Esse tipo de desenvolvimento adaptativo e inteligente é o que realmente aumenta o engajamento. E, como destacamos no último episódio do #TheAndroidShow, é por isso que os usuários que usam um app no smartphone e em uma tela maior são quase três vezes mais engajados. Criar de forma adaptativa não apenas deixa seus usuários atuais mais felizes, mas também cria uma experiência mais valiosa e atraente que gera fidelidade duradoura e ajuda você a alcançar novos usuários.

O ecossistema Android em expansão, de dispositivos dobráveis a computadores

Essa mudança para o design adaptável se estende por todo o ecossistema Android. Do novo Pixel 10 Pro Fold aos mais recentes dispositivos dobráveis da Samsung Galaxy, os desenvolvedores têm a oportunidade de envolver uma base de usuários grande e crescente em mais de 500 milhões de dispositivos de tela grande.

Por isso, continuamos investindo em experiências inovadoras, como os displays conectados, que podem ser testados na prévia para desenvolvedores. Esse recurso abre novas plataformas e modelos de interação para a execução de apps, permitindo recursos de desktop e fluxos de trabalho de várias instâncias. Já compartilhamos detalhes sobre como começar a usar a prévia para desenvolvedores de telas conectadas e conferir como ela está moldando o futuro das experiências multidispositivo.

Como colocamos os princípios adaptativos em prática

Para desenvolvedores que querem preparar os apps para esse futuro adaptável, confira algumas práticas recomendadas importantes:

• Faça um inventário:a primeira etapa é saber onde você está hoje. Teste seu app em um dispositivo de tela grande ou com o emulador redimensionável no Android Studio para identificar áreas de melhoria, como interfaces esticadas ou problemas de usabilidade.
• Oferecer suporte a layouts otimizados:use bibliotecas como Compose Adaptive Layouts para criar uma interface que se adapta a diferentes tamanhos de janela e posturas de dispositivos. O app precisa funcionar bem nas orientações retrato e paisagem, sem restringir a orientação.
• Pense além do toque:uma ótima experiência adaptativa significa oferecer suporte a todos os métodos de entrada. Isso vai além da funcionalidade básica para incluir detalhes importantes que os usuários esperam, como estados de passar o cursor para cursores do mouse, menus de contexto ao clicar com o botão direito e suporte a atalhos de teclado.

O potencial do seu app não está mais limitado a uma única tela. Confira a galeria de design para telas grandes e as diretrizes de qualidade de apps para imaginar onde seu app pode chegar. Inspire-se e encontre padrões de design, orientações oficiais e apps de exemplo necessários para criar apps para cada dobra, rotação e tela em developer.android.com/adaptive-apps.