Jetpack 示例
Now in Android
תמיכה בכמה קישורים במחרוזת טקסט אחת
אתם יכולים להוסיף כמה קישורים במחרוזת טקסט אחת כדי לתת למשתמשים אפשרויות לבחירת היעד ולשפר את ההתעניינות.
- Kotlin
אימות הקלט בזמן שהמשתמש מקלידים
אתם יכולים לאמת את הקלט בזמן שהמשתמש מקלידים בשדה טקסט, למשל כניסה של שם, כתובת אימייל, כתובת או פרטים אחרים ליצירת קשר. האימות הזה מפחית את מספר השגיאות וחוסך זמן למשתמשים.
- Kotlin
עיצוב חלקים של טקסט
אתם יכולים להשתמש בצבעים ובגופנים כדי לעצב חלקים מהטקסט, לשפר את הקריאוּת, לשפר את חוויית המשתמש ולעודד יצירתיות.
- Kotlin
טעינת תמונות והצגתן
כדי להציג תמונות באפליקציה לצורך תוכן ולצורך תגובות לפעולות של משתמשים, צריך לטעון את התמונות מהדיסק או ממקור חיצוני באינטרנט.
- Kotlin
הצגת סרגל אפליקציות בחלק העליון
בעזרת הרכיב הניתן לקישור TopAppBar תוכלו ליצור סרגל אפליקציה עליון שיעזור למשתמשים לנווט באפליקציה ולגשת לפונקציות שלה.
אנימציה ב-Compose
איך יוצרים אנימציה של ערכי מצב, משתמשים במעברים, יוצרים אנימציה של שינויים בחשיפה או בגודל ומבצעים מעבר הדרגתי באמצעות ממשקי ה-API של אנימציית Compose.
הצגת סרגל אפליקציות
סרגל האפליקציות הוא מאגר בחלק העליון או התחתון של המסך שמכיל תכונות מרכזיות ופריטי ניווט.
הצגה או הסתרה של הסיסמה על סמך מתג של משתמש
כדי לשפר את האבטחה ולשפר את חוויית המשתמש, אתם יכולים ליצור סמל להסתרה או להצגה של סיסמה על סמך מתג של משתמש.
- Kotlin
הצגת תמונה מונפשת
כדי ליצור חוויית משתמש אינטראקטיבית ומעניינת יותר באפליקציה, אפשר לטעון קובץ drawable כדי להציג תמונות מונפשות. תמונות מונפשות שימושיות ליצירת אינדיקטורים של טעינה, אינדיקטורים של הצלחה או שגיאה, לצורך פיתוח משחקים ולפונקציות אחרות בממשק המשתמש.
- Kotlin
להגביל את הכיוון של האפליקציה בטלפונים, אבל לא במכשירים עם מסך גדול
להגביל את כיוון האפליקציה במסכים קטנים, אבל לא במסכים גדולים.
- Kotlin
- Java
הצגת תמונה חתוכה לצורה מסוימת
אפשר לצייר צללים סביב האזור של התמונה שנחתך כדי להציג תמונה בצורת קליפ.
- Kotlin
הצגת רשימת דפים
אפשר ליצור רשימת דפים כדי שמשתמשים יוכלו לגלול כדי לגשת לתוכן גדול מדי שלא נכנס למסך אחד. רשימות של דפים אופקיים יכולות לעזור למשתמשים לנווט בתוכן כמו תמונות, גלריות או קרוסלות של מוצרים. רשימות של דפים אנכיים שימושיות באפליקציות עם הרבה תוכן, שבהן המשתמשים עשויים להזדקק לגלילה בין מספר רב של פריטים, כמו מאמרים.
הוספת מתג שהמשתמשים יכולים להפעיל או להשבית
אפשר להשתמש במתג כדי לאפשר למשתמשים לבחור מתוך שני מצבים.
בדיקה ב-Compose
יצירת הבדיקות הראשונות של Jetpack Compose. איך משתמשים ב-Compose כדי לכתוב בדיקות ממשק משתמש, להשתמש בכללי בדיקה, ב-finders ובטענות נכוֹנוּת (assertions)?
הצגת הודעות קופצות או בקשות להזנת משתמש
הודעות קופצות או בקשות להזנת משתמש מוצגות בתיבת דו-שיח בשכבה מעל תוכן האפליקציה הראשי.
אופטימיזציה למסכים גדולים
מאפשרים לאפליקציה לתמוך בחוויית משתמש אופטימלית בטאבלטים, במכשירים מתקפלים ובמכשירי ChromeOS.
פריסות מתקדמות בחלון הכתיבה
איך יוצרים עיצובים מורכבים לפריסות של Compose, עם דגש על שלב הפריסה והאילוצים, פריסות של רכיבי משנה ורכיבים מובנים.
יצירת רשת שניתן לגלול בה
בעזרת רשתות 'לא עצלניות' אפשר לנהל מערכי נתונים גדולים ותוכן דינמי, וכך לשפר את ביצועי האפליקציה. בעזרת רכיבים מורכבים של רשת עצלה, אפשר להציג פריטים בקונטיינר שניתן לגלילה, שמשתרע על פני כמה עמודות או שורות.
- Kotlin
יצירת רכיב של תבנית עזר כדי לאחד את ממשק המשתמש
תשתיות מאפשרות לאחד חלקים שונים בממשק המשתמש, כמו סרגי אפליקציות ולחצני פעולה צפים, וכך נותנות לאפליקציות מראה וסגנון עקביים.
יצירת רשימה סופית שניתן לגלול בה
רשימות שניתן לגלול בהן יכולות לעזור לכם לנהל מערכי נתונים, ליצור עיצובים רספונסיביים ולייעל את הניווט. כדי להציג באפליקציה קבוצה מוגבלת של פריטים, אפשר ליצור רשימה שניתן לגלול בה באמצעות המשתנים המתאימים (modifiers) 'verticalScroll' או 'horizontalScroll'.
- Kotlin
הצגת פריטים בתצוגת גלילה בתצוגת רשימה
אפשר להציג פריטים מוערמים שגלול בהם בתוך רשימה כדי להציג פריסות מורכבות, כמו קטלוגים של מוצרים, גלריות מדיה, פידים של חדשות ועוד. הצגת התוכן באופן הזה יכולה לשפר את נוחות השימוש באפליקציה, וכך להקל על המשתמשים לנווט בה.
- Kotlin
הצגת סרגל האפליקציה התחתון
אתם יכולים ליצור סרגל אפליקציה תחתון כדי לעזור למשתמשים לנווט באפליקציה ולגשת לפונקציות שלה.
- Kotlin
הצגת תמונות בשכבות על קנבס
אפשר למזג או להוסיף שכבות של תמונות מקור כדי להציג תמונות בשכבות על קנבס. לדוגמה, אפשר לשחזר את האופן שבו Android Framework יוצרת סמלי אפליקציות על ידי שילוב של רכיבי drawable נפרדים לרקע ולחזית.
- Kotlin
רשימות 'לאט' ב-Compose
Compose מאפשר ליצור רשימות גלילה בצורה פשוטה יותר וביעילות גבוהה יותר, באמצעות פחות שורות קוד מאשר RecyclerView. איך משתמשים בפריסות 'עיכוב טעינה' כדי ליצור רשימות שמאפשרות להוסיף תוכן אליהן על פי דרישה
ציור טקסט ב-Compose
איך משתמשים בממשקי API של Compose שמיועדים במיוחד לציור טקסט על לוח. בקטע הזה מוצג הקוד לציור גופן אמוג'י בתוך מלבן מעוגל.
המצב ב'כתיבה'
איך המצב עובר באפליקציה שמבוססת על Compose ואיך המסגרת יכולה לעדכן באופן אוטומטי את ממשק המשתמש כדי להציג ערכים חדשים. תלמדו איך ליצור מצבים שניתן לצפות בהם, איך לשמור את המצב במהלך קומפוזיציות מחדש או שינויים בהגדרות, ואיך לבנות את הרכיבים הניתנים לשילוב כדי לשפר את זרימת הנתונים.
הוספת אינדיקטור דף בהתאמה אישית
באמצעות אינדיקטורים של דפים, אתם יכולים לעזור למשתמשים להבין את המיקום הנוכחי שלהם בתוכן של האפליקציה, ולספק להם אינדיקציה חזותית לגבי ההתקדמות.
- Kotlin
נגישות ב-Compose
הוספת תכונות נגישות לאפליקציה. תלמדו איך להגדיל את פוטנציאל החשיפה והגמישות של האפליקציה שלכם בעבודה קצרה.
עיצוב אוטומטי של מספר טלפון בשדה טקסט
אתם יכולים להגדיר עיצוב אוטומטי של מספר טלפון בשדה טקסט כדי לחסוך זמן ולהגביר את ההתעניינות של המשתמשים, את הפרודוקטיביות ואת היעילות.
- Kotlin
סינון רשימה בזמן ההקלדה
אפשר לסנן רשימה של מחרוזות על סמך קלט טקסט כדי לעדכן רשימה באופן דינמי על סמך שאילתות חיפוש של משתמשים.
- Kotlin
ניפוי באגים של יצירת קובץ מחדש ב-Compose
סקירה של תוצאות ניפוי הבאגים של בעיית ביצועים ב-Jetsnack ואיך פותרים אותה ב-Jetpack Compose. למה דחיית קריאות המצב באמצעות פונקציית lambda מאפשרת לדלג על הרכבת הקוד?
שוליים ב-Compose
איך רכיבי insets מעדכנים את האפליקציה לגבי המיקום של קישוטי המערכת, ואיך ממשקי ה-API של Compose עוזרים לתוכן לזוז באופן אוטומטי עם שורת המשימות, מקלדת התוכנה וסרגלי המערכת. אל תפחדו להשתמש בכל המסך.
יצירת אפקט גלילה של פרלקס
גלילה בפרלקס היא טכניקה שבה תוכן הרקע ותוכן החזית גוללים במהירויות שונות. אפשר להטמיע את הטכניקה הזו כדי לשפר את ממשק המשתמש של האפליקציה, וליצור חוויה דינמית יותר כשהמשתמשים גוללים.
- Kotlin
מבוא לשרטוט ב-Compose
אחרי שתרגישו בנוח לעבוד ב-Compose, תוכלו להתחיל לצייר רכיבים מותאמים אישית משלכם. בסרטון הזה מוסבר איך מתחילים לצייר בהתאמה אישית.
רשימות ב-Compose
רכיבים עצלים ב-Compose שמאפשרים להציג בקלות רשימות של פריטים. כאן מוסבר איך להציג סוגים שונים של פריטים ואפילו איך להטמיע כותרות צפות. איך שולטים באופן פרוגרמטי בשינויים במיקום הגלילה או מגיבים אליהם
יצירת לחצן להפעלת גלילה עם הצמדה
אתם יכולים להציג לחצן כדי לאפשר למשתמש לעבור במהירות לנקודה ספציפית ברשימה, וכך לחסוך זמן ולהגדיל את המעורבות של המשתמשים.
- Kotlin
טעינה עצלה של נתונים באמצעות רשימות וחלוקה לדפים
אתם יכולים להשתמש בספריית הגיליון כדי לתמוך ברשימות גדולות של פריטים – כולל רשימה אינסופית – באפליקציה שלכם, על ידי טעינת הנתונים והצגתם באופן מצטבר. בעזרת טעינת פריטים בזמן הצורך, אפשר לקצר את זמני הטעינה הראשוניים ולבצע אופטימיזציה של השימוש בזיכרון, וכך לשפר את הביצועים.
- Kotlin
חמש אנימציות מהירות ב'כתיבה'
5 האנימציות האלה הן מהירות וקלות, ועוזרות להפיח חיים באפליקציה תוך כמה דקות. אתם יכולים להפוך את אפליקציית Compose למיוחדת גם אם אין לכם זמן ללמוד את כל מה שצריך לדעת על אנימציות.
יסודות הכתיבה
בסדרת הסרטונים הזו נסביר על ממשקי Compose API שונים, ונראה במהירות מה זמין ואיך משתמשים בהם.
יצירת רשימה עם כמה סוגי פריטים
אפשר להשתמש ברשימה עם כמה סוגים של פריטים כדי להציג סוגים שונים של תוכן, כמו טקסט, תמונות ורכיבים אינטראקטיביים.
- Kotlin
יצירת אב טיפוס של מסך הבית
תוכלו להיעזר במדריכים המהירים האלה כדי ליצור שלד של מסך הבית, שיעזור לכם ליצור למסך הבית של האפליקציה מראה וסגנון עקביים.
הוספת אנימציה להופעת הטקסט תו אחר תו
אתם יכולים להוסיף אנימציה לטקסט, תו אחר תו, כך שייראה כמו אפקט הקלדה בזמן אמת.
- Kotlin
הטקסט שיוצג
אתם יכולים להתאים אישית את האופן שבו הטקסט מוצג באפליקציה כדי לשפר את נוחות השימוש בה ואת האסתטיקה שלה.