Dołączanie obrazu do zapytania

Dołącz obraz do zapytania w Gemini w Android Studio, aby lepiej zrozumieć architekturę aplikacji i przyspieszyć proces tworzenia interfejsu.

Aby dołączyć obraz do prompta, kliknij Dołącz plik obrazu Ikona załączania pliku obrazu i prześlij obraz.

Oto kilka sposobów, w jakie Gemini może pomóc w przypadku obrazów:

  • Jeśli masz makietę interfejsu, który chcesz utworzyć, Gemini może podać kod, który go utworzy. Jeśli na przykład podasz Gemini zrzut ekranu aplikacji Now in Android, może ona podać kod Compose, który go utworzy. Ten przykład pokazuje zrzut ekranu kanału aplikacji (po lewej) oraz wygenerowany przez Gemini kod Jetpack Compose (po prawej) dla tego interfejsu. Więcej informacji znajdziesz w artykule Generowanie interfejsu za pomocą załączników graficznych.

    Aplikacja „Now in Android” z wyświetlonymi artykułami z tytułami, tematami i ikonami zakładek. Odpowiedź Gemini z kodem Jetpack Compose, który odtwarza interfejs z rzutu ekranu „Now in Android”.
    Gemini generuje kod Jetpack Compose na podstawie zrzutu ekranu interfejsu aplikacji Now in Android.
  • Jeśli chcesz dowiedzieć się, jak jest zbudowana aplikacja, Gemini może wyjaśnić, jak działa interfejs w odniesieniu do jego części składowych. Możesz na przykład poprosić Gemini o wyjaśnienie funkcji composable i przepływu danych na podstawie innego zrzutu ekranu aplikacji Now in Android. Obraz po lewej stronie przedstawia ekran szczegółów z artykułem, a obraz po prawej stronie – wyjaśnienie struktury Compose i przepływu danych dla tego ekranu.

    Szczegóły jednego artykułu w aplikacji „Now in Android” z tytułem, autorem i opisem. Wyjaśnienie przez Gemini komponentów Jetpack Compose i przepływu danych na ekranie szczegółów artykułu informacyjnego.
    Gemini wyjaśnia kompozycję interfejsu i przepływ danych na określonym ekranie aplikacji.
  • Jeśli masz schemat architektury aplikacji, Gemini może zasugerować kod do utworzenia aplikacji na podstawie schematu, pełniąc rolę asystenta programowania pełnego stosu. Gemini może też pomóc w udokumentowaniu diagramu i wyjaśnieniu konstrukcji aplikacji, co jest przydatne podczas pisania dokumentacji projektowej do sprawdzenia przez współpracowników. Na przykład poniższy obraz przedstawia uproszczony schemat architektury przedstawiający przepływ danych między różnymi komponentami aplikacji, takimi jak interfejs, ViewModel, Repository i Data Source.

    Uproszczony schemat architektury aplikacji przedstawiający komponenty interfejsu, ViewModel, Repository i źródło danych ze strzałkami wskazującymi przepływ danych.
    Gemini może generować kod i dokumentację na podstawie schematu architektury aplikacji.
  • Jeśli zauważysz błąd w interfejsie, zrób zrzut ekranu i poproś Gemini o burzę mózgów w celu znalezienia rozwiązań. Możesz pomóc w wskazaniu, co jest nie tak, zakreślając obszar, w którym występuje błąd. Poniższy przykład przedstawia zrzut ekranu aplikacji mobilnej z czerwonym kółkiem otaczającym źle wyrównany element interfejsu.

    Zrzut ekranu aplikacji mobilnej pokazujący błąd interfejsu, w którym element tekstowy nakłada się na inny element lub jest nieprawidłowo wyrównany. Błąd jest zaznaczony czerwonym kółkiem.
    Gemini może pomóc w burzy mózgów w celu znalezienia rozwiązań błędów interfejsu na podstawie zrzutu ekranu.