Allega un'immagine alla query

Allega un'immagine alla tua query per Gemini in Android Studio per comprendere meglio l'architettura di un'app e accelerare il processo di sviluppo dell'UI.

Per allegare un'immagine al prompt, fai clic su Allega file immagine Icona Allega file immagine e carica l'immagine.

Ecco alcuni modi in cui Gemini può aiutarti con le immagini:

  • Se hai un mock-up dell'interfaccia utente che ti piace, Gemini può fornire il codice che lo crea. Ad esempio, se fornisci a Gemini uno screenshot dell'app Now in Android, può fornire il codice Compose per crearla. Questo esempio mostra uno screenshot del feed dell'app (a sinistra) e il codice Jetpack Compose generato da Gemini (a destra) per questa UI. Per saperne di più, consulta Generare UI con allegati immagine.

    L'app "Now in Android" che mostra un feed di articoli con titoli, argomenti e icone dei preferiti. La risposta di Gemini con il codice Jetpack Compose che ricrea l'interfaccia utente dello screenshot "Now in Android".
    Gemini genera codice Jetpack Compose da uno screenshot dell'interfaccia utente dell'app Now in Android.
  • Se vuoi scoprire come è strutturata un'app, Gemini può spiegarti come funziona la UI in termini di componenti. Ad esempio, puoi chiedere a Gemini di spiegare i composable e il flusso di dati dietro un altro screenshot di Now in Android. L'immagine a sinistra mostra una schermata dei dettagli con una notizia, mentre l'immagine a destra mostra la spiegazione di Gemini della struttura e del flusso di dati di Scrivi per quella schermata.

    Un singolo dettaglio di un articolo di notizie nell'app Now in Android, che mostra un titolo, un autore e una descrizione. Spiegazione di Gemini dei composable e del flusso di dati di Jetpack Compose per la schermata dei dettagli dell'articolo.
    Gemini spiega la composizione dell'interfaccia utente e il flusso di dati di una schermata specifica dell'app.
  • Se hai un diagramma dell'architettura dell'app, Gemini può suggerire il codice per creare l'app in base al diagramma, fungendo da assistente per lo sviluppo full-stack. Gemini può anche aiutarti a documentare il diagramma e a spiegare la struttura dell'app, il che è utile quando scrivi un documento di progettazione da far esaminare ai tuoi colleghi. Ad esempio, l'immagine seguente mostra un diagramma dell'architettura semplificato che illustra il flusso di dati tra i vari componenti dell'app, come UI, ViewModel, Repository e origine dati.

    Un diagramma semplificato dell'architettura dell'app che mostra i componenti UI, ViewModel, Repository e Origine dati con frecce che indicano il flusso di dati.
    Gemini può generare codice e documentazione da un diagramma dell'architettura di un'app.
  • Se noti un bug dell'interfaccia utente, acquisisci uno screenshot e chiedi a Gemini di trovare soluzioni. Puoi aiutarci a capire cosa non va cerchiando l'area in cui si è verificato l'errore. L'esempio seguente mostra uno screenshot di un'app mobile con un cerchio rosso che evidenzia un elemento dell'interfaccia utente non allineato.

    Screenshot di un'app mobile che mostra un bug dell'UI in cui un elemento di testo è sovrapposto o disallineato, evidenziato con un cerchio rosso.
    Gemini può aiutarti a trovare soluzioni per i bug della UI a partire da uno screenshot.