Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Gemini in Android Studio è dotato di funzionalità uniche per aiutarti a trasformare la tua visione dell'interfaccia utente dell'app per Android in realtà, utilizzando Jetpack Compose e seguendo le best practice di Android.
Questa pagina descrive i passaggi generali per creare un'interfaccia utente dell'app con Gemini. Per
maggiori informazioni sull'allegato di immagini e altre idee su come utilizzare la
funzionalità, consulta Allegare un'immagine alla query.
Per generare un'interfaccia utente con Gemini, segui questi passaggi generali:
Crea un mockup dell'interfaccia utente dell'app che preferisci. Un wireframe o un design di base
è la soluzione migliore. Puoi esportare un PNG da uno strumento di progettazione o persino utilizzare un'immagine disegnata a mano.
Allega l'immagine alla query facendo clic su Allega file immagine.
Nel campo della chat, chiedi a Gemini di generare il codice dell'interfaccia utente, ad esempio "Genera
il codice Jetpack Compose per l'immagine fornita". Quando invii la query e l'immagine, Gemini suggerisce il codice per creare l'interfaccia utente proposta. Gemini di solito
fornisce anche il codice per
l'anteprima di Compose, in modo da poter
visualizzare rapidamente la UI dopo averla importata nel progetto. Se non lo fa,
chiedigli di
generare le anteprime di Compose.
Una volta importato il codice e visualizzata l'anteprima di Compose nel riquadro di anteprima, puoi eseguire iterazioni sull'interfaccia utente facendo clic direttamente sull'anteprima e chiedendo a Gemini di trasformarla.
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-07-31 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-07-31 UTC."],[],[],null,["# Generate UI with image attachments\n\n| **Preview:** Enable image attachment through [Studio Labs](/studio/gemini/attach-image).\n| **Note:** Image attachment is currently available in Gemini's no-cost tier.\n\nGemini in Android Studio is uniquely equipped to help you make your Android app\nUI vision a reality, using Jetpack Compose and following Android best practices.\nThis page describes the general steps to creating an app UI with Gemini. For\nmore information about image attachment and other ideas for how to use the\nfeature, see [Attach an image to your query](/studio/gemini/attach-image).\n\nTo generate a UI with Gemini, follow these general steps:\n\n1. Create a mockup of the app UI that you want. A wireframe or basic design\n works best. You can export a PNG from a design tool or even use a hand drawn\n image.\n\n2. Attach the image to your query by clicking **Attach image file**\n .\n\n3. In the chat field, ask Gemini to generate the UI code, for example \"Generate\n Jetpack Compose code for the image provided.\" When you submit the query and\n image, Gemini suggests code to create the proposed UI. Gemini usually\n provides the code for the\n [Compose preview](/develop/ui/compose/tooling/previews) too, so you can\n quickly visualize the UI once you import the into your project---if it doesn't,\n ask it to\n [generate Compose the previews](/studio/gemini/generate-compose-previews).\n\n4. Once you import the code and can see the Compose preview in the preview\n panel, you can iterate on the UI by clicking directly on the preview and\n [asking Gemini to transform it](/studio/gemini/transform-ui)."]]
.
