Material Design - Tabbed Activity

בלי כתוביותעם כתוביות

מילון מושגים:

Activity - ב-Android, רכיב שמייצג מסך יחיד של האפליקציה שאיתו המשתמש מתקשר.

רכיב - יחידת בניין עצמאית וניתנת לשימוש חוזר בתוך מערכת או ממשק משתמש, שאחראית על חלק מוגדר מהתפקוד.

לייאאוט - ארגון וסידור הרכיבים החזותיים על המסך או בדף, כמו מיקום כפתורים, טקסט ותמונות.

כפתור - רכיב בממשק המשתמש שהמשתמש לוחץ עליו כדי להפעיל פעולה, כמו שליחת טופס או מעבר לדף אחר.

Fragment - ב-Android, רכיב ממשק הניתן לשימוש חוזר בתוך Activity, שמייצג חלק ממסך או התנהגות.

תבנית - מבנה בסיסי מוכן שממנו יוצרים פריטים דומים, כמו תבנית עמוד או תבנית מסמך.

Material Design - Tabbed Activity

הרכיב Tabbed Activity מאפשר להציג כמה פרגמנטים באותו מסך ולעבור ביניהם בהחלקה או בלחיצה על טאב. הפרויקט לדוגמה מראה איך בונים אותו ממבנה התחלתי.

השלבים העיקריים

1. Activity Main: המסך מכיל App Bar Layout עם Toolbar, Floating Action Button, ו-View Pager שתפקידו להציג פרגמנטים.

2. Fragment: כל פרגמנט הוא Layout נפרד. בדוגמה יש פרגמנט אחד בתבנית, והוא משמש את כל הפרגמנטים שנוצרים מתוך הקוד.

3. יצירה דינמית: הקוד מחזיר את מספר הפרגמנטים ויוצר כל אחד מהם בעזרת newInstance. בדוגמה נוצרים שלושה פרגמנטים.

4. כותרות וטאבים: לכל פרגמנט אפשר להגדיר כותרת לטאב, או להציג את הטאבים כאייקונים.

5. החלקה בין מסכים: בהרצה מוצג הפרגמנט הראשון עם הטקסט Hello World from Section 1, והמשתמש מגלגל לפרגמנטים הבאים באותו מסך.

כך אפשר להציג כמה תצוגות שונות באותו מסך ולעבור ביניהן בקלות.

השיעור הבא בקורס: Material Design - Card View

פרקי ההרצאה: Material Design - Tabbed Activity

תמלול ההרצאה: Material Design - Tabbed Activity

הטקסט המלא של הדקות הראשונות בהרצאה «Material Design - Tabbed Activity» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

00:02
רכיב נוסף שיכול להיות ממש שימושי זה רכיב ה-Tabbed. יש לנו כאן פרויקט שנקרא Tabbed Activity, בואו ניכנס אליו ונראה שבפרויקט כזה יש שני layouts.
00:17
בואו ניגש ל-Activity Main, נראה שוב פעם את הקואורדינט או ה-Layout עם ה-App Bar Layout וה-Tool Bar ולמטה אנחנו יכולים לראות את ה-Floating Action Button, בואו נציג רק את ה-Preview ואנחנו רואים שיש לנו כאן את ה-View Pager.
00:37
ה-View Pager זה בעצם הרכיב המרכזי שהתפקיד שלו זה להציג לנו פרגמנטים. אז הנה יש לנו כאן פרגמנט אחת שקיימת כאן בילד אין בפרויקט.
00:52
אנחנו רואים שיש לנו פה את ה-Layout שלה, פרגמנט מיין, והדוגמה הזאת פשוט מייצרת כמה פרגמנטים כאלה בצורה דינמית. אם אנחנו מסתכלים על המיין אקטיביטי אנחנו רואים את ה-view pager ואנחנו יכולים לראות בקוד שיש כאן שהמערכת יוצרת מספר פרגמנטס, אפשר לראות את זה כאן.
01:17
פה אנחנו רואים את הכותרות שלהם, בטאבים שאנחנו הולכים תכף לראות, כאן אנחנו רואים שאנחנו מחזירים את המספר שלהם, את ה-count שלהם, ויש לנו כאן ממש placeholder.fragment.newinstance יוצרים כאן פרגמנט חדשה וכמובן הדוגמה הזאת מראה יצירה של שלושה פרגמנטים אבל אנחנו יכולים להשתמש עם הרכיב הזה בשביל להציג גם פרגמנטים שהגדרנו מראש
01:44
פרגמנטים שאנחנו יוצרים דינמית וכדומה.