Adjunta una imagen a tu búsqueda

Adjunta una imagen a tu consulta para que Gemini en Android Studio comprenda mejor la arquitectura de una app y acelere el proceso de desarrollo de la IU.

Para adjuntar una imagen a tu instrucción, haz clic en Adjuntar archivo de imagen Ícono de Adjuntar archivo de imagen y sube la imagen.

Estas son solo algunas formas en las que Gemini puede ayudarte con las imágenes:

  • Si tienes un boceto de la IU que te gustaría, Gemini puede proporcionarte el código que la crea. Por ejemplo, si le proporcionas a Gemini una captura de pantalla de la app de Now in Android, puede proporcionarte el código de Compose para crearla. En este ejemplo, se muestra una captura de pantalla del feed de la app (a la izquierda) y el código de Jetpack Compose generado por Gemini (a la derecha) para esa IU. Para obtener más información, consulta Cómo generar una IU con archivos adjuntos de imágenes.

    La app de "Now in Android", que muestra un feed de artículos con títulos, temas e íconos de favoritos. La respuesta de código de Gemini muestra el código de Jetpack Compose que recrea la IU de la captura de pantalla de "Now in Android".
    Gemini genera código de Jetpack Compose a partir de una captura de pantalla de la IU de la app de Now in Android.
  • Si quieres saber cómo se construye una app, Gemini puede explicar cómo funciona la IU en términos de sus partes componentes. Por ejemplo, puedes pedirle a Gemini que explique los elementos componibles y el flujo de datos detrás de otra captura de pantalla de Now in Android. La imagen de la izquierda muestra una pantalla de detalles con un artículo de noticias, y la imagen de la derecha muestra la explicación de Gemini sobre la estructura de Compose y el flujo de datos para esa pantalla.

    Detalle de un solo artículo de noticias en la app de "Now in Android", que muestra un título, un autor y una descripción. Explicación de Gemini sobre los elementos componibles y el flujo de datos de Jetpack Compose para la pantalla de detalles del artículo de noticias.
    Gemini explica la composición de la IU y el flujo de datos de una pantalla específica de la app.
  • Si tienes un diagrama de arquitectura de la app, Gemini puede sugerir código para crear la app según el diagrama, lo que te servirá como asistente de desarrollo de pila completa. Gemini también puede ayudar a documentar el diagrama y explicar la construcción de la app, lo que resulta útil cuando se escribe un documento de diseño para que lo revisen tus compañeros de equipo. Por ejemplo, la siguiente imagen muestra un diagrama de arquitectura simplificado que representa el flujo de datos entre varios componentes de la app, como la IU, ViewModel, Repository y Data Source.

    Un diagrama simplificado de la arquitectura de la app que muestra los componentes de IU, ViewModel, Repository y Data Source con flechas que indican el flujo de datos.
    Gemini puede generar código y documentación a partir de un diagrama de arquitectura de la app.
  • Si detectas un error en la IU, toma una captura de pantalla y pídele a Gemini que te ayude a generar soluciones. Puedes ayudar a señalar lo que está mal encerrando en un círculo el área que tiene el error. En el siguiente ejemplo, se muestra una captura de pantalla de una app para dispositivos móviles con un círculo rojo que destaca un elemento de la IU desalineado.

    Captura de pantalla de una app para dispositivos móviles que muestra un error de IU en el que un elemento de texto se superpone o está desalineado, destacado con un círculo rojo.
    Gemini puede ayudar a generar ideas para solucionar errores de la IU a partir de una captura de pantalla.