Gemini w Android Studio pomoże Ci zrealizować Twoją wizję interfejsu aplikacji na Androida, korzystając z Jetpack Compose i najlepszych praktyk dotyczących Androida. Na tej stronie znajdziesz ogólne instrukcje tworzenia interfejsu aplikacji za pomocą Gemini. Więcej informacji o załączaniu obrazów i innych pomysłach na wykorzystanie tej funkcji znajdziesz w artykule Załączanie obrazu do zapytania.
Aby wygenerować interfejs za pomocą Gemini, wykonaj te ogólne czynności:
Utwórz makietę interfejsu aplikacji, który chcesz mieć. Najlepiej sprawdzi się szkielet lub podstawowy projekt. Możesz wyeksportować plik PNG z narzędzia do projektowania lub nawet użyć odręcznego obrazu.
Ilustracja 1. Ręcznie narysowany szkielet interfejsu użytkownika aplikacji. Dołącz obraz do zapytania, klikając przycisk Dołącz plik obrazu.
W polu czatu poproś Gemini o wygenerowanie kodu interfejsu, np. „Wygeneruj kod Jetpack Compose dla podanego obrazu”. Gdy prześlesz zapytanie i obraz, Gemini zaproponuje kod do utworzenia proponowanego interfejsu. Gemini zwykle podaje też kod podglądu Compose, dzięki czemu po zaimportowaniu go do projektu możesz szybko zwizualizować interfejs. Jeśli tak się nie stanie, poproś o wygenerowanie podglądów Compose.
Ilustracja 2. Gemini generuje kod Jetpack Compose na podstawie załączonego obrazu. Po zaimportowaniu kodu i wyświetleniu podglądu kompozycji w panelu podglądu możesz iteracyjnie modyfikować interfejs, klikając bezpośrednio podgląd i prosząc Gemini o jego przekształcenie.
Ilustracja 3. Korzystanie z Gemini do przekształcania elementów interfejsu bezpośrednio z podglądu Compose.