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