Floating Action Button

תמלול ההרצאה: Floating Action Button

הטקסט המלא של הדקות הראשונות בהרצאה «Floating Action Button» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:02

   כאשר אנחנו תמיד פתחנו פרויקט חדש אנחנו תמיד השתמשנו באמפטי אקטיביטי. אחד מהפרויקטים שיצא במטריאל דיזיין זה בלנק אקטיביטי שמאפשר להציג איזשהו לחצן כזה שנקרא floating action button.

2. 00:22

   בואו נבחר את הפרויקט הזה ונראה ממה הוא בנוי. נבצע פה finish, הנה הפרויקט נפתח ומה שאנחנו יכולים לראות כאן זה שיש שני לייאאוטס.

3. 00:37

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

4. 01:02

   והם חילקו את כל הפיתוח ואת כל ה-UI לשני חלקים, לשני לייאוטס. נתחיל באקטיביטי מיין, ובאקטיביטי מיין אנחנו רואים שיש פה קואורדינטו לייאוט.

5. 01:16

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

6. 01:31

   רכיב נוסף שיש לנו זה ה-App Bar Layout שאנחנו רואים כאן למעלה שבתוכו יש את ה-Toolbar ויש לנו כאן למטה את ה-Floating Action Bar ואנחנו רואים שהרכיבים האלה הגיעו מאנדרואיד ספורט דיזיין בעצם איזושהי ליברירי שיצאה במטריאל דיזיין ווידג'ט ויש לנו את הרכיבים השונים.

7. 01:53

   אז כאן אנחנו רואים את הלחצן הזה שאנחנו יכולים ללחוץ עליו במהלך האפליקציה ותכף נראה מה הוא עושה וכאן בדיוק פה אנחנו רואים את ה-Include שמכיל את כל התוכן שנמצא ב-Layout השני שנקרא Content Main.

8. 02:10

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

9. 02:29

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

10. 03:05

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