Jetpack Compose

Saiba mais sobre o Compose, um kit de ferramentas moderno para criar uma IU nativa do Android.

 

Tutorial: conceitos básicos do Jetpack Compose

Artigo Opcional

Aprenda sobre os conceitos básicos do Compose e como criar um componente de IU simples com funções declarativas. Saiba mais sobre as funções de composição, os layouts básicos e como o Material Design, as listas e as animações funcionam no Compose.

Visão geral do Jetpack Compose

Vídeo Opcional

Tenha uma visão geral do Jetpack Compose, aprenda o que é um kit de ferramentas de IU declarativa e como usar o Compose para criar belas IUs.

Como trabalhar com o Compose

Artigo Opcional

Veja como a abordagem declarativa do Compose é diferente da abordagem baseada em visualização que você pode já ter usado no passado.

Conceitos básicos do Jetpack Compose

Codelab

Trabalhe com estado, layouts e temas para aprender na prática sobre os conceitos básicos da IU declarativa. Você vai ver o que são elementos que podem ser compostos e modificadores, como trabalhar com elementos básicos da IU, por exemplo, linhas e colunas, e como atribuir um estado ao app.

Como migrar para o Jetpack Compose

Codelab

Siga instruções detalhadas para uma migração prática de um app baseado em visualização para o Jetpack Compose e aprenda como adotar o Compose gradualmente e as implicações da arquitetura e dos testes.

Layouts básicos no Compose

Codelab

Saiba como os layouts funcionam no Jetpack Compose, incluindo: layouts integrados, modificadores e como criar seu próprio layout personalizado.

Layouts lentos no Compose

Vídeo Opcional

Aprenda a criar listas de rolagem no Compose e por que isso é mais simples do que usar a RecyclerView. Explique por que não é permitido aninhar listas de rolagem, como fazer isso de forma diferente, por que os itens nunca devem ter tamanho de 0 pixel, por que fornecer chaves exclusivas é importante e como as animações de itens funcionam. Por fim, saiba como mostrar grades, usar gerenciadores de layout personalizados e entender como melhorar a otimização de performance para tornar a rolagem mais rápida.

Como aplicar temas do Jetpack Compose

Codelab

Aprenda na prática como usar o Material Design no Compose para saber como definir o tema de cores, as tipografias e formas de um app e oferecer suporte temas claros e escuros.

Animações do Jetpack Compose

Codelab

Aprenda a usar as APIs Animation do Compose. Começaremos com a animação de valor mais simples e veremos outras APIs com alguns padrões comuns de animação. Também veremos temas mais avançados, por exemplo, como personalizar animações e usar gestos de toque nelas.

Estado no Jetpack Compose

Codelab

Aprenda os principais conceitos relacionados ao uso do estado no Jetpack Compose para criar apps Android avançados e interativos.

Estado avançado e efeitos colaterais no Jetpack Compose

Codelab

Aprenda sobre conceitos avançados relacionados às APIs de efeitos colaterais e de estado no Jetpack Compose. Veja como criar um holder de estado para elementos com estado complexos que podem ser compostos, criar corrotinas e chamar funções de suspensão no código do Compose e acionar efeitos colaterais para diferentes casos de uso.

Navegação no Jetpack Compose

Codelab

Aprenda a usar a biblioteca Jetpack Navigation no Compose, navegar no app ou com argumentos, oferecer suporte a links diretos e testar a navegação.

Problemas comuns de performance no Jetpack Compose

Vídeo Opcional

O Jetpack Compose pode parecer mágico, mas o que você faz quando a magia não é tão eficiente quanto você gostaria? Este guia vai abordar as práticas recomendadas no Jetpack Compose sobre a performance, os erros comuns e como evitá-los.

Como testar no Jetpack Compose

Codelab

Aprenda a testar as IUs do Jetpack Compose. Crie os primeiros testes e veja como os realizar em isolamento e depurar, além de aprender sobre a árvore semântica e a sincronização deles.

Acessibilidade no Jetpack Compose

Codelab

Aprenda a melhorar a usabilidade do app, especialmente para usuários com deficiência. Aumente o tamanho das áreas de toque, adicione descrições de conteúdo, crie ações personalizadas e mais.

Teste do Jetpack Compose

Teste seus conhecimentos sobre o Compose e ganhe o selo do Jetpack Compose.