Anexar uma imagem à consulta

Anexe uma imagem à sua consulta ao Gemini no Android Studio para entender melhor a arquitetura de um app e acelerar o processo de desenvolvimento da interface.

Para anexar uma imagem ao comando, clique em Anexar arquivo de imagem Ícone Anexar Arquivo de Imagem e faça o upload da imagem.

Confira algumas maneiras de usar o Gemini com imagens:

  • Se você tiver um modelo da interface que quer, o Gemini pode fornecer o código para criá-la. Por exemplo, se você fornecer ao Gemini uma captura de tela do app Now in Android, ele poderá fornecer o código do Compose para criar o app. Este exemplo mostra uma captura de tela do feed do app (à esquerda) e o código do Jetpack Compose gerado pelo Gemini (à direita) para essa interface. Para saber mais, consulte Gerar interface com anexos de imagem.

    O app "Now in Android", mostrando um feed de artigos com títulos, temas e ícones de favoritos. Resposta de código do Gemini mostrando o código do Jetpack Compose que recria a interface da captura de tela do "Now in Android".
    O Gemini gera código do Jetpack Compose com base em uma captura de tela da interface do app Now in Android.
  • Se quiser saber como um app é construído, o Gemini pode explicar como a interface funciona em termos de componentes. Por exemplo, você pode pedir ao Gemini para explicar os elementos combináveis e o fluxo de dados por trás de outra captura de tela do Now in Android. A imagem à esquerda mostra uma tela de detalhes com uma notícia, e a imagem à direita mostra a explicação do Gemini sobre a estrutura do Compose e o fluxo de dados dessa tela.

    Detalhe de um único artigo de notícias no app "Now in Android", mostrando um título, um autor e uma descrição. Explicação do Gemini sobre os elementos combináveis do Jetpack Compose e o fluxo de dados para a tela de detalhes do artigo de notícias.
    O Gemini explica a composição da interface e o fluxo de dados de uma tela específica do app.
  • Se você tiver um diagrama de arquitetura de app, o Gemini poderá sugerir código para criar o app com base no diagrama, servindo como um assistente de desenvolvimento full stack. O Gemini também pode ajudar a documentar o diagrama e explicar a construção do app, o que é útil ao escrever um documento de design para seus colegas de equipe analisarem. Por exemplo, a imagem a seguir mostra um diagrama de arquitetura simplificado que representa o fluxo de dados entre vários componentes do app, como interface, ViewModel, repositório e fonte de dados.

    Um diagrama simplificado da arquitetura do app mostrando componentes de IU, ViewModel, repositório e fonte de dados com setas indicando o fluxo de dados.
    O Gemini pode gerar código e documentação com base em um diagrama de arquitetura de app.
  • Se você notar um bug na interface, faça uma captura de tela e peça ao Gemini para sugerir soluções. Você pode ajudar a apontar o que está errado circulando a área com o erro. O exemplo a seguir mostra uma captura de tela de um app para dispositivos móveis com um círculo vermelho destacando um elemento da interface desalinhado.

    Captura de tela de um app para dispositivos móveis mostrando um bug na interface em que um elemento de texto está sobreposto ou desalinhado, destacado com um círculo vermelho.
    O Gemini pode ajudar a gerar ideias de soluções para bugs de interface com base em uma captura de tela.