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.

Novidades 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 veja 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 aprenda 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.

Layouts no Jetpack Compose

Codelab

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

Como usar o estado no Jetpack Compose

Codelab

Crie um app de tarefas para aprender sobre os padrões de trabalho com estado em um mundo declarativo. Saiba mais sobre fluxo de dados unidirecional, funções de composição sem e com estado, APIs de slot, como usar ViewModels no Compose e muito mais.

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.

Navegação no Jetpack Compose

Codelab

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

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.

Como migrar para o Jetpack Compose

Codelab

Veja um passo a passo de uma migração prática de um app baseado em visualização para o Jetpack Compose para entender como adotar o Compose gradualmente e veja as implicações da arquitetura e dos testes.

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.

Teste do Jetpack Compose

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