Descubra novas possibilidades com o Compose Adaptive Layouts 1.2 Beta

Com novos formatos, como o Pixel 10 Pro Fold, que está chegando ao 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 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 Compose Adaptive Layouts 1.2 está oficialmente entrando na versão Beta. Essa versão oferece novas ferramentas avançadas para criar interfaces polidas e responsivas para esse ecossistema de dispositivos em expansão.

Novas ferramentas avançadas para uma tela maior

A biblioteca Compose Adaptive Layouts é nosso kit de ferramentas fundamental para criar interfaces que se adaptam a diferentes tamanhos de janela. Essa 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 avançadas: 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 externa e interna de um dispositivo como o Pixel 10 Pro Fold, o Galaxy Z Fold7 e o 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 de interface avançadas e de vários painéis em telas grandes, como tablets e dispositivos dobráveis grandes.

Duas novas estratégias de adaptação de painel: 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 adaptável é mais do que uma prática recomendada, é uma estratégia de crescimento. O objetivo não é apenas fazer com que o app funcione 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 básico das estratégias de layout dinâmico, como reflow, um novo recurso avançado na versão Beta do Compose Adaptive Layouts 1.2, projetado para ajudar você a criar essas interfaces. 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 tarefas mais rapidamente.

Esse tipo de desenvolvimento adaptável e atencioso é o que realmente aumenta o engajamento. E, como destacamos durante o episódio mais recente do #TheAndroidShow, é por isso que os usuários que usam um app no smartphone e em uma tela maior têm quase três vezes mais engajamento. A criação adaptável não apenas deixa os 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, os desenvolvedores têm a oportunidade de engajar uma base de usuários grande e crescente em mais de 500 milhões de dispositivos de tela grande.

É por isso que continuamos investindo em experiências inovadoras, como o Connected Displays, atualmente disponível para teste na prévia para desenvolvedores. Esse recurso abre novas superfícies e modelos de interação para execução de apps, permitindo recursos de classe de computador e fluxos de trabalho de várias instâncias. Já compartilhamos detalhes sobre como começar a usar a prévia para desenvolvedores do Connected Displays e como ela está moldando o futuro das experiências multidispositivo.

Como colocar os princípios adaptáveis em prática

Para os 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 o 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.
• Ofereça suporte a layouts otimizados: use bibliotecas como o Compose Adaptive Layouts para criar interfaces que se adaptam a diferentes tamanhos de janela e posturas de dispositivos. O app precisa funcionar bem no modo retrato e paisagem, sem restringir a orientação.
• Pense além do toque:uma ótima experiência adaptável significa oferecer suporte a todos os métodos de entrada. Isso vai além da funcionalidade básica para incluir detalhes atenciosos que os usuários esperam, como estados de foco 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 confinado a uma única tela. Confira a galeria de design de tela grande e as diretrizes de qualidade de apps hoje mesmo 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 para cada dobra, flip e tela em developer.android.com/adaptive-apps.