Ações do editor

O Android Studio tem recursos na área do editor para melhorar sua produtividade com o Jetpack Compose.

Modelos dinâmicos

O Android Studio vem com modelos dinâmicos relacionados ao Compose, que permitem inserir snippets de código para inserção rápida digitando a abreviação do modelo correspondente:

• comp para configurar uma função @Composable
• prev para criar uma função @Preview que pode ser composta
• paddp para adicionar um modificador padding em dp
• weight para adicionar um modificador weight
• W, WR, WC para inserir o elemento atual em um contêiner de Box, Row ou Column.

Ícones de gutter

Os ícones de gutter são ações contextuais visíveis na barra lateral, ao lado dos números de linha. O Android Studio introduz vários ícones de gutter específicos do Jetpack Compose para facilitar a experiência do desenvolvedor.

Implantar visualização

É possível implantar uma @Preview no emulador ou dispositivo físico diretamente no ícone de gutter:

Seletor de cores

Sempre que uma cor é definida dentro ou fora de um elemento combinável, a visualização dela é exibida no gutter. É possível mudar a cor com o seletor de cores, clicando nele desta forma:

Seletor de recursos de imagem

Sempre que um drawable, um vetor ou uma imagem for definido dentro ou fora de elemento combinável, a visualização disso será exibida no gutter. Clique no seletor para mudar o recurso de imagem desta forma:

Recomendados para você

• Observação: o texto do link aparece quando o JavaScript está desativado.
• Conceitos básicos de layout do Compose
• Modificadores do Compose
• Listas e grades