Ações do editor
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
O Android Studio tem recursos dentro da área do editor para melhorar sua produtividade
com o Jetpack Compose.
Modelos dinâmicos
O Android Studio vem com estes 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 @Composableprev para criar uma função @Preview que pode ser compostapaddp para adicionar um modificador padding em dpweight para adicionar um modificador weightW, WR, WC para inserir o elemento combinável 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 direto 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 da seguinte 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ê
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-09-03 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-09-03 UTC."],[],[],null,["Android Studio has features inside the editor area to improve your productivity\nwith Jetpack Compose.\n\nLive templates\n\nAndroid Studio comes with these Compose-related live templates, which allow you\nto enter code snippets for fast insertion by typing the corresponding template\nabbreviation:\n\n- `comp` to set up a `@Composable` function\n- `prev` to create a `@Preview` composable function\n- `paddp` to add a `padding` Modifier in dp\n- `weight` to add a `weight` Modifier\n- `W`, `WR`, `WC` to surround the current composable with a `Box`, `Row`, or `Column`container\n\nGutter icons\n\nGutter icons are contextual actions visible on the sidebar, next to the line\nnumbers. Android Studio introduces several gutter icons specific to Jetpack\nCompose to ease your developer experience.\n\nDeploy preview\n\nYou can deploy a `@Preview` to the emulator or physical device directly from the\ngutter icon:\n\nColor picker\n\nWhenever a color is defined inside or outside a composable, its preview is shown\non the gutter. You can change the color via the color picker by clicking on it\nlike this:\n\nImage resource picker\n\nWhenever a drawable, vector, or image is defined inside or outside a composable,\nits preview is shown on the gutter. You can change it via the image resource\npicker by clicking on it like this:\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Compose layout basics](/develop/ui/compose/layouts/basics)\n- [Compose modifiers](/develop/ui/compose/modifiers)\n- [Lists and grids](/develop/ui/compose/lists)"]]
