Dołączanie obrazu do zapytania

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

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

Oto kilka przykładów tego, w czym Gemini może Ci pomóc w przypadku obrazów:

  • Jeśli masz makietę interfejsu, który chcesz utworzyć, Gemini może podać kod, który to umożliwi. Jeśli na przykład prześlesz Gemini zrzut ekranu aplikacji Now in Android, może ona podać kod Compose, który pozwoli ją utworzyć. Ten przykład pokazuje zrzut ekranu z treściami aplikacji (po lewej) i wygenerowany przez Gemini kod Jetpack Compose (po prawej) dla tego interfejsu. Więcej informacji znajdziesz w artykule Generowanie interfejsu z załącznikami w postaci obrazów.

    Aplikacja „Nowości w Androidzie” 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 użytkownika, podając jego poszczególne elementy. Możesz na przykład poprosić Gemini o wyjaśnienie funkcji i przepływu danych na innym zrzucie ekranu z Nowości w Androidzie. Obraz po lewej stronie przedstawia ekran szczegółów z artykułem, a obraz po prawej stronie pokazuje wyjaśnienie Gemini dotyczące struktury Compose i przepływu danych na tym ekranie.

    Szczegóły jednego artykułu w aplikacji „Nowości w Androidzie” 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 konkretnym ekranie aplikacji.
  • Jeśli masz diagram architektury aplikacji, Gemini może zaproponować kod do jej utworzenia na podstawie tego diagramu, pełniąc funkcję asystenta programowania pełnego stosu. Gemini może też pomóc w udokumentowaniu diagramu i wyjaśnieniu konstrukcji aplikacji, co ułatwia pisanie dokumentu projektowego do sprawdzenia przez członków zespołu. Na przykład poniższa ilustracja przedstawia uproszczony diagram architektury, który pokazuje przepływ danych między różnymi komponentami aplikacji, takimi jak interfejs, ViewModel, Repository i Data Source.

    Uproszczony diagram architektury aplikacji przedstawiający komponenty interfejsu, ViewModel, Repository i Data Source ze strzałkami wskazującymi przepływ danych.
    Gemini może generować kod i dokumentację na podstawie diagramu architektury aplikacji.
  • Jeśli zauważysz błąd w interfejsie, zrób zrzut ekranu i poproś Gemini o pomysły na rozwiązanie problemu. Możesz wskazać, 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, które wskazuje ź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 znalezieniu rozwiązań problemów z interfejsem na podstawie zrzutu ekranu.