Primeiros passos com o Jetpack Compose

O Jetpack Compose é o kit de ferramentas moderno para criação de IU nativa no Android. Confira onde encontrar as informações mais recentes sobre como usar o Compose.

• Visão geral: confira todos os recursos disponíveis para desenvolvedores do Compose.
• Tutorial: comece a usar o Compose para criar uma interface simples.
• Guias rápidos: novo Teste nossos guias rápidos e focados, criados para ajudar você a alcançar sua meta o mais rápido possível.

Base

• Pensando no Compose: saiba como a abordagem declarativa do Compose é diferente da abordagem baseada em visualização que você pode já ter usado anteriormente e aprenda a criar um modelo mental de trabalho com o Compose.
• Gerenciamento do estado: saiba como definir e usar o estado no app Compose.
• Ciclo de vida dos elementos combináveis: aprenda sobre o ciclo de vida de um elemento combinável e como o Compose decide se ele precisa ser redesenhado.
• Modificadores: aprenda a usar modificadores para aumentar ou decorar funções que podem ser compostas.
• Efeitos colaterais no Compose: aprenda as melhores maneiras de gerenciar efeitos colaterais.
• Fases do Jetpack Compose: conheça as etapas pelas quais o Compose passa para renderizar a interface e aprenda a usar essas informações para programar códigos eficientes.
• Camadas da arquitetura: saiba mais sobre quais delas compõem o Jetpack Compose, assim como os princípios básicos que fundamentaram o design dele.
• Performance: aprenda a evitar as armadilhas comuns de programação que podem prejudicar a performance do app.
• Semântica no Compose: saiba mais sobre a árvore semântica, que organiza a IU de forma que ela possa ser usada pelos serviços de acessibilidade e pelo framework de teste.
• Dados com escopo local usando o CompositionLocal: aprenda a usar CompositionLocal para transmitir dados usando a composição.

Ambiente de desenvolvimento

• Android Studio com Compose: configure seu ambiente de desenvolvimento para usar o Compose.
• Ferramentas para o Compose: saiba mais sobre os novos recursos do Android Studio para oferecer suporte ao Compose.
• Kotlin para o Compose: saiba como determinadas expressões específicas do Kotlin funcionam com o Compose.
• Comparar as métricas do Compose e da visualização: saiba como a migração para o Compose pode afetar o tamanho do APK e o desempenho do ambiente de execução do seu app.
• Lista de materiais: gerencie todas as dependências do Compose especificando apenas a versão da BoM.

Design

• Layouts: saiba mais sobre os componentes de layout nativos do Compose e como criar seus próprios componentes.
  • Conceitos básicos de layout: saiba mais sobre os elementos básicos para criar uma interface simples do app.
  • Componentes e layouts do Material Design: saiba mais sobre componentes e layouts do Material Design no Compose.
  • Layouts personalizados: aprenda a controlar o layout do app e criar um layout personalizado.
  • Suporte a diferentes tamanhos de tela: aprenda a usar o Compose para criar layouts que se adaptam a diferentes tamanhos, orientações e formatos de tela.
  • Linhas de alinhamento: aprenda a criar linhas de alinhamento personalizadas para alinhar e posicionar com precisão os elementos da IU.
  • Medições intrínsecas: como o Compose só permite medir elementos da IU uma vez por transmissão, esta página explica como consultar informações sobre elementos filhos antes de medi-los.
  • ConstraintLayout: aprenda a usar ConstraintLayout na sua IU do Compose.
• Sistemas de design: aprenda a implementar um sistema de design e dar uma aparência consistente ao app.
  • Material Design 3: aprenda a implementar o Material You com a implementação do Compose do Material Design 3 (link em inglês).
  • Como migrar do Material 2 para o Material 3: aprenda a migrar seu app do Material Design 2 para o Material Design 3 no Compose.
  • Material Design 2: aprenda a personalizar a implementação do Material Design 2 (link em inglês) no Compose para que ela se adeque à marca do seu produto.
  • Sistemas de design personalizados: aprenda a implementar um sistema de design personalizado no Compose e a adaptar as funções de composição do Material Design.
  • Anatomia de um tema: conheça as construções de nível baixo e as APIs usadas por MaterialTheme e sistemas de design personalizados.
• Listas e grades: saiba mais sobre algumas opções do Compose para gerenciar e mostrar listas e grades de dados.
• Texto: saiba mais sobre as principais opções do Compose para exibir e editar texto.
• Gráficos: saiba mais sobre os recursos do Compose para criar e trabalhar com gráficos personalizados.
• Animação: saiba mais sobre as diferentes opções de animação para elementos de IU do Compose.
• Gestos: aprenda a criar uma interface do Compose que detecte e interaja com os gestos do usuário.
• Como gerenciar interações do usuário: saiba como o Compose abstrai entradas de baixo nível em interações de nível mais alto para que você possa personalizar a resposta dos componentes em relação às ações do usuário.

Como adotar o Compose

• Migrar apps baseados em visualização: aprenda a migrar seu app baseado em visualização para o Compose.
  • Estratégia de migração: aprenda a estratégia para introduzir o Compose com segurança e incrementalidade na sua base de código.
  • APIs de interoperabilidade: saiba mais sobre as APIs do Compose para combinar o Compose com a interface baseada em visualização.
  • Outras considerações: aprenda sobre outras considerações, como temas, arquitetura e testes ao migrar seu app baseado em visualização para o Compose.
• Compose e outras bibliotecas: aprenda a usar bibliotecas baseadas em visualização no conteúdo do Compose.
• Arquitetura do Compose: aprenda a implementar o padrão de fluxo unidirecional no Compose, como implementar eventos e detentores de estado e como trabalhar com ViewModel no Compose.
• Navegação: aprenda a usar NavController para integrar o componente de navegação à IU do Compose.
  • Navegação para IUs responsivas: aprenda a projetar a navegação do seu app para que ele se adapte a diferentes tamanhos, orientações e formatos de tela.
• Recursos: aprenda a trabalhar com os recursos do app no código do Compose.
• Acessibilidade: aprenda a tornar sua IU do Compose adequada para usuários com diferentes requisitos de acessibilidade.
• Testes: saiba como testar seu código do Compose.
  • Folha de referência de testes: uma referência rápida de APIs de teste úteis do Compose.

Outros recursos

• Começar a configurar
• Caminho de aprendizado organizado
• Diretrizes da API Compose
• Referência da API
• Codelabs
• Apps de amostra
• Vídeos

Recomendados para você

• Observação: o texto do link aparece quando o JavaScript está desativado.
• Dados com escopo local usando o CompositionLocal
• Outras considerações
• Anatomia de um tema no Compose