Master Details - Adding Activities

תמלול ההרצאה: Master Details - Adding Activities

הטקסט המלא של הדקות הראשונות בהרצאה «Master Details - Adding Activities» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:00

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

2. 00:20

   אבל בנוסף, יש לנו גם details activity, שכאשר אנחנו נמצאים בפורטרייט והיוזר לוחץ על פריט ברשימה, אנחנו רוצים להציג לו את ה-details-אקטיביטי.

3. 00:33

   בואו נתחיל עם ה-details-אקטיביטי. בואו נצרף אקטיביטי. new יש לנו כאן אקטיביטי. נבחר ב-empty-אקטיביטי. ואנחנו רוצים לקרוא לאקטיביטי details-אקטיביטי.

4. 00:52

   או בואו נקרא לה ליתר דיוק animal details-אקטיביטי, כי היא מתארת מידע לגבי animal. נבצע Finish, וקודם כל בואו ניגש ל-Layout שלה.

5. 01:08

   יש לנו פה Activity Animal Details. נשנה את זה ל-Frame Layout, כי אנחנו פשוט רוצים להציג ב-Activity הזאת את הפרגמנט. זאת אומרת, אין לנו פה שום דבר נוסף שברצוננו להציג.

6. 01:27

   אז ראינו שאם כל מה שאנחנו רוצים זה רק להציג פרגמנט, אנחנו יכולים שהroot שלנו יהיה frame layout. ובואו ניתן איזשהו ID.

7. 01:38

   ה-ID שניתן יהיה frame layout container, ואנחנו רוצים details, נגדיר פה גם padding, 16dp, אנחנו יכולים להגדיר את זה כempty tag, בצורה כזאת, וכל מה שאנחנו רוצים זה פשוט להציג את הפרגמנט, כי ה-UI שלנו מוגדר בתוך הפרגמנט, בכדי לא לחזור על קוד.

8. 02:06

   מה אנחנו רוצים לעשות בקוד, בג'אבה קוד שלה? נבוא לג'אבה קוד ויש לנו כאן את ה-onCreate. אנחנו יודעים שכאשר בונים אובייקט מהAnimal Details Activity, רוצים להציג את הפרגמנט.

9. 02:24

   אז בואו נייצר כאן אובייקט Animal Details Fragment, ניגש ונקבל את ה-New. יש לנו Animal Details Fragment, ואנחנו רוצים להגיע ל-New Instance.

10. 02:45

    אני רואה שאין לנו פה את ה-New Instance. בואו נראה רגע למה. Animal Details Fragment. או, בגלל שזה אמור להיות static, משהו ששכחתי להגדיר.

11. 02:59

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

12. 03:24

    איך אנחנו מקבלים את זה? בואו ניגש לקבלת האינטנט. אינטנט שווה getIntent. הרי מי שיוצר את ה-Animal Details Activity חייב ליצור את זה עם Intent.

13. 03:36

    בתוך ה-Intent יש לנו את ה-Bundle. Intent getExtras מביא לנו את ה-Bundle ששלחו לנו, ומתוך ה-Bundle אנחנו יכולים לשלוף את ה-Animal.

14. 03:50

    bundle getSerializable, הוא נקרא Animal, ונעשה פה רק casting ל-Animal, וכעת אנחנו יכולים לשלוח את האנימל וכך להשיג פרגמנט שכבר מכילה את האנימל בתוכה. הדבר הבא שאנחנו רוצים לבצע זה get support fragment manager בגין transaction ולהוסיף לתוך RID frame layout container details את האנימל details fragment שהגדרנו.

15. 04:36

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

16. 05:11

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

17. 05:24

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

18. 05:39

    אם היא נוצרת מחדש, onCreate מתבצעת. אם onCreate מתבצעת ואנחנו ב-Landscape, אנחנו לא רוצים להציג לו עדיין את ה-details, כי אמרנו שב-Landscape אנחנו רוצים להציג לו גם את הרשימה וגם את ה-Details.

19. 05:56

    זאת אומרת שאנחנו רוצים בעצם לחזור ל-MainActivity. זה בדיוק מה שכדאי לנו לבצע אם אנחנו נמצאים ב-Landscape. אז בואו נבדוק.

20. 06:08

    אם is Landscape, מה שאנחנו רוצים לעשות זה Finish ו-Return. פיניש בלבד לא יוצאת מהפונקציה, היא רק נותנת הוראה לסגור את האקטיביטי ולכן אנחנו רוצים גם להוסיף return בכדי לא לבצע את כל הקוד הזה.

21. 06:29

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

22. 07:03

    שיהיה עבור landscape, עבור portrait, כל מה שאנחנו רוצים זה רק להציג את ה-list בלבד, ולכן יש לנו פה frame layout בצורה כזאת, כאשר יש לנו כאן id, וה-id הוא frame layout container list, וכל מה שאנחנו רוצים לבצע עבור האקטיביטי של המיין, מיין אקטיביטי, אבל בפורטריט.

23. 07:36

    כעת אנחנו רוצים לשכפל את זה כך שיהיה לנו עוד ליאאוט עבור landscape. אז בואו ניגש לליאאוט, נבצע new layout resource file, ואנחנו נרצה שהשם יהיה אותו השם, activity underline main, נוסיף איזשהו Qualifier שיגדיר שהאוריינטיישן שלנו זה Landscape, נבצע אוקיי, ויש לנו עכשיו כאן למעשה

24. 08:09

    גם את ה-Landscape Layout. בואו נעבור לפה, הנה יש לנו פה Linear Layout, אנחנו לא רוצים שהוא יהיה ורטיקלי, אנחנו רוצים שהוא יישב בצורה הוריזונטלית, כן, אנחנו רוצים padding זהה, ובתוך אנחנו רוצים frame layout כפול 2, a width 0 dp, a height match parent, ואנחנו רוצים גם id, כאשר ה-id של ה-list חייב להיות זהה ל-id הקודם,

25. 08:48

    ה-id הקודם, אפשר להעתיק אותו מפה, היה frame layout container list, נעתיק אותו, נדביק אותו, ואנחנו רוצים גם משקל של אחד, ששניהם יישבו ממש אחד ליד השני, 50% כל אחד.

26. 09:05

    בואו נשכפל את זה. אנחנו רוצים שזה יהיה Frame Layout Container Details, אותו הדבר כמו מקודם. Details, בואו נראה שאנחנו ממש זהים, נעתיק, נדביק שנהיה on the safe side.

27. 09:23

    ויש לנו עכשיו Wait, והכל בסדר, אנחנו רואים ששניהם יושבים, אחד ליד השני. זאת אומרת, אם היוזר נמצא בפורטרייט, הוא רואה רק את ה-Activity, את ה-Layout הזה, ואז הוא יראה פה רק את ה-List, יש פה רק את ה-Frame Layout של ה-List.

28. 09:40

    אם היוזר נמצא ב-Landscape, אז הוא רואה את ה-List מצד שמאל ואת ה-Details מצד ימין. כל מה שנשארנו לעשות זה לבנות את הקוד