Ferramentas para o Compose

O Android Studio oferece muitos recursos novos, especialmente para o Jetpack Compose. Ele adota uma abordagem que prioriza o código e aumenta a produtividade do desenvolvedor sem precisar usar a interface de design ou o editor de código.

Uma diferença fundamental entre a interface baseada em visualização e o Jetpack Compose é que o Compose não depende do View para renderizar os elementos combináveis. Como consequência dessa abordagem de arquitetura, o Android Studio oferece recursos estendidos para o Jetpack Compose sem precisar abrir um emulador ou se conectar a um dispositivo. Em comparação com as visualizações do Android, isso permite um processo mais rápido e iterativo para que os desenvolvedores implementem designs de IU.

Para ativar recursos específicos do Android Studio para o Jetpack Compose, adicione essas dependências ao arquivo build.gradle(.kts) do aplicativo. Você pode usar a Lista de materiais (BOM, na sigla em inglês) ou definir dependências individualmente.

Lista de materiais

  val composeBom = platform("androidx.compose:compose-bom:2024.09.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

Individualmente

  debugImplementation("androidx.compose.ui:ui-tooling:1.7.0")
  implementation("androidx.compose.ui:ui-tooling-preview:1.7.0")

Design

Criar componentes, sistemas de design e telas para se alinhar às especificações de design.
PreviewParâmetro Várias visualizações
A anotação @Preview permite visualizar os elementos combináveis. Saiba como visualizar, organizar e interagir com elas.
Visualização de animação
O Android Studio permite projetar e inspecionar animações usando o painel Animation Preview. Assim, é possível visualizar uma animação frame a frame e verificar se ela está alinhada ao comportamento necessário.

Desenvolver

Acelere a criação da IU e teste o aplicativo em execução com menos troca de contexto.
Edição em tempo real
Aprenda a usar a Edição em tempo real e aplicar mudanças para evitar a criação completa e acelerar o processo de desenvolvimento.
Modelos dinâmicos Ícones de gutter
Aprenda a usar recursos da janela do editor do Android Studio para melhorar a produtividade.

Depurar

Depure a IU do Compose para entender o app. Saiba mais sobre como analisar o layout, as recomposições e o rastreamento de composição para melhorar a performance da IU do seu app.
Número de recomposições Semântica
Aprenda a inspecionar um layout do Compose em um emulador ou dispositivo físico.
Rastreamento do sistema
Use o rastreamento de composição para monitorar as funções combináveis em um rastreamento do sistema.

Ferramentas adicionais

O Relay fornece transferência instantânea de componentes da IU do Android entre designers e desenvolvedores. Os designers podem usar o plug-in Relay para Figma para anotar e empacotar componentes de IU para uso do desenvolvedor, incluindo informações sobre layout, estilo, conteúdo dinâmico e comportamento de interação.

Notícias e vídeos mais recentes