Anexe uma imagem à sua consulta para que o agente entenda melhor a arquitetura de um app e acelere o processo de desenvolvimento da interface.
Para anexar uma imagem ao comando, clique em Adicionar contexto > Mídia
e faça o upload da imagem.
Confira algumas maneiras de usar o agente com imagens:
Se você tiver um modelo da interface que quer, o agente pode fornecer o código para criá-la. Por exemplo, se você fornecer ao agente uma captura de tela do app Now in Android, ele poderá fornecer o código do Compose para criá-lo. Este exemplo mostra uma captura de tela do feed do app (à esquerda) e o código do Jetpack Compose gerado pelo agente (à direita) para essa interface. Para saber mais, consulte Gerar interface com anexos de imagem.
O agente gera o código do Jetpack Compose usando uma captura de tela da interface do app Android Now in Android. Se você quiser saber como um app é construído, o agente pode explicar como a interface funciona em termos de componentes. Por exemplo, você pode pedir ao agente 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 agente sobre a estrutura do Compose e o fluxo de dados dessa tela.
O agente 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 agente poderá sugerir código para criar o app com base no diagrama, servindo como um assistente de desenvolvimento full stack. O agente 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.
O agente 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 agente para sugerir soluções. Para indicar o que está errado, circule a área que tem 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.
O agente pode ajudar a pensar em soluções para bugs de interface com base em uma captura de tela.