Allega un'immagine alla query

Allega un'immagine alla 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 mockup dell'UI che ti piace, Gemini può fornire il codice per crearlo. Ad esempio, se fornisci a Gemini uno screenshot dell'app Now in Android, può fornire il codice Compose per crearlo. 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 l'UI con allegati di immagini.

    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 la UI dello screenshot di "Now in Android".
    Gemini genera codice Jetpack Compose da uno screenshot dell'UI dell'app per Android Now in Android.
  • Se vuoi scoprire come è strutturata un'app, Gemini può spiegare come funziona l'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 un articolo di notizie, mentre l'immagine a destra mostra la spiegazione di Gemini della struttura Compose e del flusso di dati per questa 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'UI 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 di 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 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 dell'app.
  • Se noti un bug dell'UI, scatta uno screenshot e chiedi a Gemini di trovare soluzioni. Puoi aiutare a individuare il problema cerchiando l'area in cui si verifica l'errore. L'esempio seguente mostra uno screenshot di un'app mobile con un cerchio rosso che evidenzia un elemento dell'UI 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 dell'UI da uno screenshot.