Jetpack Compose Glimmer הוא ערכת הכלים לממשק המשתמש שלכם ליצירת חוויות עשירות וסביבתיות למשקפי AI. במהלך הפיתוח של ממשק המשתמש של Jetpack Compose Glimmer, תוכלו להשתמש בתצוגות מקדימות של פונקציות שאפשר להרכיב כדי להמחיש את העיצובים ולשפר אותם במהירות וביעילות. תצוגות מקדימות של רכיבים ניתנים להרכבה מאפשרות לכם לראות עיבוד אינטראקטיבי בזמן אמת של רכיבי ממשק המשתמש של Jetpack Compose Glimmer ישירות ב-Android Studio. התצוגות המקדימות האלה חוסכות לכם את הצורך לבנות ולהריץ את האפליקציה כל הזמן באמולטור או במכשיר פיזי, בכל פעם שאתם מבצעים שינוי קטן בממשק המשתמש. כך אתם יכולים לקצר משמעותית את מחזור הפיתוח.
תצוגה מקדימה של רכיבי ממשק משתמש של Glimmer ב-Jetpack Compose
- פותחים את פרויקט ה-XR בגרסת ה-Canary העדכנית של Android Studio.
- מוודאים שהפונקציה הניתנת להרכבה מוערת באמצעות ההערה
@Preview. בתצוגת קוד, לוחצים על כלי הבחירה של הגדרות התצוגה המקדימה של הפונקציה שניתנת להגדרה.
בתפריט הנפתח מכשיר, בוחרים באפשרות משקפי AI.
הפעולה הזו מתאימה את משטח התצוגה המקדימה לרזולוציה הייחודית וליחס הגובה-רוחב של מסך משקפי ה-AI.
בוחרים בתצוגה עיצוב או בתצוגה מפוצלת כדי לראות את התצוגה המקדימה.
התאמה של סביבת התצוגה המקדימה
המשקפיים משתמשים בתצוגה שקופה שמוסיפה מידע. המאפיין הזה אומר שהמסך יכול להוסיף אור בלבד, ולא יכול ליצור שחור. במסך עם תוספת צבעים, שחור הוא לא צבע – הוא מופיע כשקוף לחלוטין. תצוגה מקדימה של כתיבת הודעה מספקת קירוב שעוזר להבין איך ממשק המשתמש מתנהג בתנאי צפייה שונים.
כדי לדמות תנאי צפייה שונים, לוחצים על סמל הסביבה בסרגל הכלים של חלונית התצוגה המקדימה. נסו להשתמש באפשרויות רקע שונות (לדוגמה, בהיר, כהה או עמוס) כדי לבדוק אם הטקסט והרכיבים שלכם בעלי ניגודיות ורמת נראות מספיקות.