O Jetpack Compose é o kit de ferramentas moderno para criação de IU nativa no Android. Aqui está onde você vai 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, usando-o para criar uma interface simples.
- Guias rápidos: Novo! Confira nossos guias rápidos e focados, que foram criados para ajudar você a atingir seu objetivo o mais rápido possível.
Base
- Trabalhando com o Compose: aprenda como a abordagem declarativa do Compose é diferente da abordagem baseada em visualização que você já usou no passado e aprenda a criar um modelo mental de trabalho com o Compose.
- Como gerenciar o estado: saiba mais sobre a configuração e o uso do estado no app Compose.
- Ciclo de vida dos elementos combináveis: saiba mais 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 elementos combináveis.
- Efeitos colaterais no Compose: aprenda as melhores maneiras de gerenciar os efeitos colaterais.
- Fases do Jetpack Compose: saiba mais sobre as etapas que o Compose segue para renderizar a interface e como usar essas informações para criar um código eficiente.
- Camadas arquitetônicas: saiba mais sobre as camadas arquitetônicas que compõem o Jetpack Compose e os princípios básicos que fundamentaram o design dele.
- Desempenho: saiba como evitar os problemas comuns de programação que podem prejudicar o desempenho do seu app.
- Semântica no Compose: saiba mais sobre a árvore semântica, que organiza a interface para 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 pela composição.
Ambiente de desenvolvimento
- Android Studio com o 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: aprenda como algumas expressões específicas do Kotlin funcionam com o Compose.
- Comparar as métricas do Compose e de 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 componentes próprios.
- Conceitos básicos de layout: saiba mais sobre os elementos básicos de uma interface de app simples.
- Componentes e layouts do Material Design: saiba mais sobre os componentes e layouts do Material Design no Compose.
- Layouts personalizados: aprenda a controlar o layout do seu app e a criar seu próprio layout personalizado.
- Suporte a tamanhos de tela diferentes: 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 interface.
- Medições intrínsecas: como o Compose só permite medir elementos da interface uma vez por transmissão, esta página explica como consultar informações sobre elementos filhos antes de fazer a medição.
- ConstraintLayout: aprenda a usar o
ConstraintLayout
na interface do Compose.
- Sistemas de design: aprenda a implementar um sistema de design e dar ao app uma aparência consistente.
- Material Design 3: aprenda a implementar o Material You com a implementação do Material Design 3 pelo Compose.
- 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 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 os elementos combináveis do Material Design para lidar com isso.
- Anatomia de um tema: aprenda sobre as construções de nível inferior e 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 mostrar 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 do Compose para animar seus elementos da interface.
- 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. Assim, você pode personalizar a forma como seus componentes respondem às ações do usuário.
Como adotar o Compose
- Migrar apps existentes 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 de maneira segura e incremental na sua base de código.
- APIs de interoperabilidade: saiba mais sobre as APIs do Compose para ajudar você a combinar o Compose com interfaces baseadas em visualização.
- Outras considerações: saiba mais 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 em conteúdos do Compose.
- Arquitetura do Compose: aprenda a implementar o padrão de fluxo unidirecional no Compose, a implementar detentores de estado e eventos e a trabalhar com
ViewModel
no Compose. - Navegação: aprenda a usar o
NavController
para integrar o componente de navegação à interface 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 a interface do Compose adequada para usuários com diferentes requisitos de acessibilidade.
- Testes: saiba como testar o 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