Para ter a melhor experiência de desenvolvimento com o Compose, faça o download e instale o Android Studio. Ele inclui muitos recursos de editor inteligente, como novos modelos de projeto e a visualização imediata da interface do Compose e das animações.
Siga as instruções para criar um novo projeto de app do Compose, configurar o Compose para um projeto de app já existente ou importar um app de exemplo criado no Compose.
CLI do Android
Baixar a CLI do AndroidCLI do Android para novos projetos de apps do Compose
Por exemplo, use o comando
android create quando precisar criar um novo projeto de app do Compose.android create empty-activity --name=MyAppCriar um novo app com suporte ao Compose
Se quiser criar um novo projeto, o Android Studio inclui modelos para isso que oferecem suporte ao Compose por padrão. Para criar um novo projeto com o Compose configurado corretamente, faça o seguinte:
- Se estiver na janela Welcome to Android Studio, clique em Start a new Android Studio project. Caso você já tenha um projeto aberto no Android Studio, selecione File > New > Import Sample na barra de menus.
- Na janela Select a Project Template, selecione Empty Activity e clique em Next.
- Na janela Configure your project, faça o seguinte:
- Defina Name, Package name e Save location como você faria normalmente. No menu suspenso Language, Kotlin é a única opção disponível, porque o Jetpack Compose só funciona com classes criadas em Kotlin.
- No menu suspenso Nível mínimo da API, selecione o nível da API 21 ou superior.
- Clique em Concluir.
Agora está tudo pronto para você começar a desenvolver um app usando o Jetpack Compose. Para saber o que é possível fazer com o kit de ferramentas, confira o tutorial do Jetpack Compose.
Configurar dependências e o compilador do Compose
Consulte Configurar dependências do Compose e o compilador.
Testar os apps de exemplo do Jetpack Compose
A maneira mais rápida de testar os recursos do Jetpack Compose é testar apps de exemplo do Jetpack Compose (link em inglês) hospedados no GitHub. Para importar um projeto de app de exemplo do Android Studio, faça o seguinte:
- Se você estiver na janela Welcome to Android Studio, selecione Import an Android code sample. Caso você já tenha um projeto aberto no Android Studio, selecione File > New > Import Sample na barra de menus.
- Na barra de pesquisa, perto da parte de cima do assistente Browse Samples, digite "compose".
- Selecione um dos apps de exemplo do Jetpack Compose nos resultados da pesquisa e clique em Next.
- Mude o Application name e o Project location ou mantenha os valores padrão.
- Clique em Finish.
O Android Studio faz o download do app de exemplo no caminho especificado e abre o
projeto. Você pode inspecionar MainActivity.kt em cada um dos exemplos para verificar as APIs Jetpack Compose, como animação de crossfade,
componentes personalizados, uso de tipografia e exibição de cores claras e escuras
na visualização no ambiente de desenvolvimento integrado.
Para usar o Jetpack Compose no Wear OS, consulte Configurar o Jetpack Compose no Wear OS.
Recomendados para você
- Observação: o texto do link aparece quando o JavaScript está desativado.
- Visão geral da navegação
- Como testar o layout do Compose
- Reagir ao foco