Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Você pode usar o Gemini para transformar o código da interface no ambiente de prévia do Compose
usando linguagem natural diretamente na prévia.
Para transformar a interface com o Gemini, siga estas etapas:
No painel "Visualização da composição", clique com o botão direito do mouse em uma visualização e selecione Transformar interface
com o Gemini.
Como acessar o menu "Transformar a interface com o Gemini"
Insira seu pedido em linguagem natural, como "Alinhe esses botões ao centro", para orientar o Gemini a ajustar seu layout ou estilo, ou selecione elementos específicos da interface na prévia para ter um contexto melhor.
Aplicar uma transformação de linguagem natural a uma visualização do Compose
O Gemini produz um diff com edições de código sugeridas. Você pode revisar e refinar ainda mais as atualizações, se necessário, antes de aprovar as mudanças.
Tente comandos como os seguintes:
"Adicione mais espaçamento entre o texto"
"Aumente os ícones em 10%"
"Mude a cor de fundo para <cor>"
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-07-31 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-07-31 UTC."],[],[],null,["# Transform UI\n\n| **Preview:** To try transforming UI with Gemini, enable the feature through [Studio Labs](/studio/gemini/labs).\n\nYou can use Gemini to transform UI code within the Compose preview environment\nusing natural language directly in the preview.\n\nTo transform UI with Gemini, follow these steps:\n\n1. In the Compose preview panel, right-click a preview and select **Transform UI\n with Gemini**.\n\n Accessing 'Transform UI with Gemini' menu\n2. Enter your natural language request, such as \"Center align these buttons,\" to\n guide Gemini in adjusting your layout or styling, or select specific UI\n elements in the preview for better context.\n\n Applying a natural language transformation to a Compose preview\n3. Gemini produces a diff with suggested code edits. You can review and further\n refine the updates if needed before approving the changes.\n\nTry prompts like the following:\n\n- \"Add more spacing between the text\"\n- \"Make the icons 10% larger\"\n- \"Change the background color to \\\u003ccolor\\\u003e\""]]