AI ל-Compose

אתם יכולים להשתמש ב-Gemini ב-Android Studio כדי לפתח מהר יותר ובאופן יעיל יותר באמצעות Jetpack Compose.

יצירת תצוגה מקדימה של קובץ באמצעות Gemini

תצוגות מקדימות של קומפוזיציות הן כלי יעיל להצגה חזותית של רכיבי Compose בזמן התכנון ב-Android Studio, אבל הגדרה ידנית של נתוני דמה לפרמטר של התצוגה המקדימה עשויה להיות זמן רב. ב-Gemini ב-Android Studio יש תכונה שמאפשרת לפתור את הבעיה הזו: יצירת תצוגה מקדימה אוטומטית של Compose.

יש שתי דרכים לגשת לכלי הזה:

  • תפריט הקשר בתוך כל קובץ שאפשר ליצור ממנו רכיבים, לוחצים לחיצה ימנית ועוברים אל Gemini > יצירת תצוגה מקדימה של Compose או יצירת תצוגה מקדימה של Compose עבור הקובץ הזה.

יצירת תצוגה מקדימה של קובץ מתוך תפריט ההקשר

  • חלונית תצוגה מקדימה ריקה. לוחצים על הקישור שסופק בחלונית תצוגה מקדימה ריקה.

יצירת תצוגה מקדימה מחלונית התצוגה המקדימה

התכונה מציגה תצוגת diff עם הקוד המוצע של Gemini לתצוגה המקדימה של Compose. אתם יכולים לאשר את השינויים כפי שהם, לערוך אותם או לדחות את ההצעות לגמרי. יכול להיות שהקוד של Gemini לא יהיה מושלם בכל פעם, אבל הוא אמור לספק נקודת התחלה חשובה כדי לזרז את תהליך הפיתוח.

האצת פיתוח ממשק המשתמש באמצעות צירוף תמונות

אתם יכולים לצרף תמונות לשאלות שלכם ל-Gemini ב-Android Studio כדי להבין טוב יותר את הארכיטקטורה של האפליקציה ולהאיץ את תהליך הפיתוח של ממשק המשתמש.

כדי לצרף תמונה להנחיה, לוחצים על צירוף קובץ תמונה סמל של צירוף קובץ תמונה ומעלים את התמונה.

הנה כמה דרכים שבהן Gemini יכול לעזור לכם עם תמונות:

  • אם יש לכם מודל לדוגמה של ממשק המשתמש הרצוי, Gemini יכול לספק את הקוד שיוצר אותו. כאן הצגנו ל-Gemini צילום מסך של האפליקציה Now in Android וביקשנו ממנו לספק את קוד ה-Compose ליצירתה.

  • אם אתם רוצים לדעת איך אפליקציה מורכבת, Gemini יכול להסביר איך ממשק המשתמש פועל מבחינת הרכיבים שלו. כאן ביקשנו מ-Gemini להסביר את הרכיבים הניתנים לשילוב ואת זרימת הנתונים שמאחורי צילום מסך נוסף של Now ב-Android.