Jetpack Compose הוא ערכת הכלים המודרנית ליצירת ממשק משתמש ל-Android, שמפשטת את פיתוח האפליקציות שמותאמות לכל גודל מסך.
- סקירה כללית: כאן מפורטים המשאבים שזמינים למפתחים של Compose.
- מדריך: איך מתחילים להשתמש ב-Compose כדי לבנות ממשק משתמש בסיסי.
- מדריכים מהירים: כדאי לנסות את המדריכים המהירים והממוקדים שלנו, שנועדו לעזור לכם להשיג את המטרה שלכם כמה שיותר מהר.
קרן
- חשיבה ב-Compose: איך הגישה הדקלרטיבית של Compose שונה מהגישה מבוססת התצוגה שאולי השתמשתם בה בעבר. ליצור מודל מנטלי של עבודה עם Compose.
- ניהול מצבים: הגדרה ושימוש במצבים באפליקציית Compose.
- מחזור החיים של רכיבים קומפוזביליים: מחזור החיים של רכיב קומפוזבילי, ואיך Compose קובע אם צריך לצייר אותו מחדש.
- Modifiers: אפשר להשתמש ב-modifiers כדי לשפר או לקשט את רכיבי ה-Composable.
- תופעות לוואי ב-Compose: דרכים לניהול תופעות לוואי.
- שלבים ב-Jetpack Compose: השלבים ש-Compose עובר כדי לעבד את ממשק המשתמש של האפליקציה, ואיך להשתמש במידע הזה כדי לכתוב קוד יעיל.
- שכבות ארכיטקטוניות: השכבות הארכיטקטוניות שמרכיבות את Jetpack פיתוח נייטיב והעקרונות המרכזיים שהנחו את התכנון של Compose.
- ביצועים: כדאי להימנע ממלכודות תכנות נפוצות שעלולות לפגוע בביצועים של האפליקציה.
- סמנטיקה ב-Compose: עץ הסמנטיקה, שמארגן את ממשק המשתמש באופן שאפשר להשתמש בו בשירותי נגישות ובמסגרות בדיקה.
- נתונים בהיקף מקומי עם CompositionLocal: משתמשים ב-
CompositionLocalכדי להעביר נתונים דרך הקומפוזיציה.
ממשק משתמש דינמי
- פיתוח אפליקציות אדפטיביות: כאן מוסבר על העקרונות הבסיסיים של יצירת פריסות שממוטבות לכל גודל מסך, כולל טלפונים, טאבלטים, מכשירים מתקפלים ועוד.
- החלת פריסות מוכחות: כדי לייעל את האפליקציות במסכים גדולים, כדאי להשתמש בפריסות קנוניות כמו רשימה עם פרטים וחלונית תומכת.
- ניווט דינמי: הטמעת דפוסי ניווט שמותאמים אוטומטית לשטח התצוגה הזמין.
סביבת פיתוח
- Android Studio עם Compose: איך להגדיר את סביבת הפיתוח לשימוש ב-Compose.
- כלים ל-Compose: תכונות חדשות ב-Android Studio לתמיכה ב-Compose.
- Kotlin for Compose: ניבים ספציפיים ל-Kotlin פועלים עם Compose.
- השוואה בין מדדים וצפייה בהם: איך מעבר ל-Compose יכול להשפיע על גודל ה-APK של האפליקציה ועל ביצועי זמן הריצה שלה.
- Bill of Materials: אפשר לנהל את כל התלויות של Compose על ידי ציון הגרסה של BOM בלבד.
עיצוב
- פריסות: רכיבי פריסה ב-Compose ואיך לעצב פריסה משלכם.
- יסודות הפריסה: אבני הבניין ליצירת ממשק משתמש פשוט לאפליקציה.
- רכיבי Material ופריסות: רכיבי Material ופריסות ב-Compose.
- פריסות בהתאמה אישית: אתם יכולים לשלוט בפריסה של האפליקציה ולעצב פריסה משלכם בהתאמה אישית.
- קווי יישור: אפשר ליצור קווי יישור מותאמים אישית כדי ליישר ולמקם במדויק את רכיבי ממשק המשתמש.
- מדידות פנימיות: איך לשלוח שאילתה כדי לקבל מידע על רכיבי צאצא לפני שמודדים אותם, כי Compose מודד רכיבי ממשק משתמש רק פעם אחת בכל מעבר.
- ConstraintLayout: שימוש ב-
ConstraintLayoutבממשק המשתמש של Compose.
- מערכות עיצוב: הטמעה של מערכת עיצוב כדי לתת לאפליקציה מראה ותחושה עקביים.
- Material Design 3: הטמעה של Material You באמצעות הטמעה של Material Design 3 ב-Compose.
- מעבר מ-Material 2 ל-Material 3: מעבירים את האפליקציה מ-Material Design 2 ל-Material Design 3 ב-Compose.
- Material Design 2: התאמה אישית של ההטמעה של Material Design 2 ב-Compose כך שתתאים למותג של המוצר.
- מערכות עיצוב בהתאמה אישית: הטמעה של מערכת עיצוב בהתאמה אישית ב-Compose והתאמה של רכיבים קיימים של Material Design למערכת העיצוב החדשה.
- ממה מורכב עיצוב: מבנים ו-API ברמה נמוכה יותר שמשמשים את
MaterialThemeומערכות עיצוב בהתאמה אישית.
- רשימות וטבלאות: אפשרויות ליצירת רשימות וטבלאות של נתונים, ולניהול ולהצגה שלהן.
- טקסט: האפשרויות העיקריות בכתיבה להצגה ולעריכה של טקסט.
- גרפיקה: תכונות ליצירה של גרפיקה בהתאמה אישית ולעבודה איתה.
- אנימציה: אפשרויות Compose להנפשת רכיבי ממשק המשתמש.
- תנועות: בניית ממשק משתמש לכתיבת הודעות שמזהה תנועות של המשתמש ומגיב להן.
- טיפול באינטראקציות של משתמשים: איך Compose מבצעת הפשטה של קלט ברמה נמוכה לאינטראקציות ברמה גבוהה יותר, כדי שתוכלו להתאים אישית את האופן שבו הרכיבים מגיבים לפעולות של משתמשים.
התחלת השימוש ב-Compose
- העברת אפליקציות מבוססות-תצוגה: העברת אפליקציה מבוססת-תצוגה ל-Compose.
- אסטרטגיית העברה: איך להוסיף את Compose לבסיס הקוד בצורה בטוחה ובהדרגה.
- APIs של יכולת פעולה הדדית: ממשקי API של Compose שיעזרו לכם לשלב את Compose עם ממשק משתמש מבוסס-תצוגה.
- שיקולים נוספים: עיצוב, ארכיטקטורה, בדיקות ושיקולים נוספים במהלך העברת אפליקציה מבוססת-תצוגה ל-Compose.
- Compose וספריות אחרות: איך להשתמש בספריות מבוססות-תצוגה בתוכן שלכם ב-Compose.
- ארכיטקטורה של Compose: הטמעה של תבנית זרימה חד-כיוונית ב-Compose, הטמעה של אירועים ושל מחזיקי מצב, ועבודה עם
ViewModelב-Compose. - ניווט: משתמשים ב-
NavControllerכדי לשלב את רכיב הניווט עם ממשק המשתמש של Compose. - משאבים: עבודה עם משאבי האפליקציה בקוד Compose.
- נגישות: התאמה למשתמשים עם דרישות נגישות.
- בדיקה: בדיקת קוד ה-Compose.
- דף מידע על בדיקות: הפניה מהירה לממשקי API שימושיים לבדיקות של Compose.
מקורות מידע נוספים
- הגדרה
- תוכנית לימודים מותאמת אישית
- הנחיות לשימוש ב-Compose API
- הפניית API
- Codelabs
- אפליקציות לדוגמה
- סרטונים
מומלץ בשבילכם
- הערה: טקסט הקישור מוצג כש-JavaScript מושבת
- נתונים בהיקף מקומי עם CompositionLocal
- שיקולים נוספים
- ממה מורכב עיצוב ב-Compose