Save Activity State

תמלול ההרצאה: Save Activity State

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

1. 00:02

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

2. 00:29

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

3. 00:54

   מה שאנחנו רוצים לעשות זה קודם כל אובייקט סקרול view, ניתן לו match parent אבל אנחנו רוצים שהheight שלו בפורטרייט יהיה 0 dp למה כי אנחנו רוצים לתת לו גם weight 1 בכדי שהוא יתפוס לנו בדיוק חצי מהמרווח ומתחתיו שתהיה לנו image view גם כן רוחב היא תתפוס לנו את הכל וגובה 0 dp ו-weight 1 ואז כל

4. 01:30

   אחד תופס בדיוק חצי ה-scroll view תופס את החצי העליון, התמונה תופסת את החצי התחתון ואנחנו רוצים לתת כאן ב-scroll view את scroll bars vertical שהיוזר יוכל לגלול בתוכו טקסט view, match parent, wrap content שיתפוס בדיוק כמה שהוא צריך, איזשהו ID,

5. 02:01

   ניתן לו טקסט בואו ניתן לו טקסט סייז של 25 SP ודבר נוסף שאנחנו רוצים לעשות בדוגמה הזאת שהוא קצת שונה מהדוגמה הקודמת ושאנחנו רוצים שהמידע יטען בצורה דינמית דרך Java Code.

6. 02:25

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

7. 02:45

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

8. 02:59

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

9. 03:20

   יש לנו כאן on click, יש לנו text view animal, שבו אנחנו הולכים להכניס בצורה דינמית גם את הטקסט וגם את התמונה. בואו נחזור רגע, נעשה פה קצת סדר, אנחנו רוצים לתת ID גם לתמונה, אימג' ויו אנימל בצורה כזאת ונראה לי שסיימנו עם הלאוט הראשון של הפורטרייט בואו ניגש למיין

10. 03:51

    אקטיביטי ומה שאנחנו רוצים לעשות זה להגדיר את הרכיבים הוויזואליים יש לנו פרייבט טקסט ויו אנימל יש לנו אימג' ויו אנימל נאתר אותם טקסט view animal שווה text view, find view by id, r.id, text view animal, image view animal, נכניס את ה-image view, find view by id,

11. 04:31

    הנה יש לנו את ה-image view animal, ומה שאנחנו רוצים לעשות בלחיצה על הטקסט, בקליק של הטקסט, זה לגשת ל-text view animal ו-to set text, ויש לנו בתוך r-string coldfish ובעצם מדמה לנו מידע דינמי שאנחנו מביאים לא משנה מאיפה זה יכול להיות מקובץ ה-strings.xml זה יכול להיות שהורדנו אותו כרגע מהאינטרנט זה יכול להיות שהיוזר הכניס לנו אותו הוא בצורה דינמית

12. 05:02

    נכנס לתוך ה-text view. נבצע גם שינוי צבע, set text-color ל-color.blue ונגדיר את התמונה, image-view animal.set-image-resource ויש לנו בתוך r-drawable את גולדפיש שאנחנו רוצים להכניס.

13. 05:33

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

14. 05:42

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

15. 06:16

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

16. 06:37

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

17. 06:59

    שלנו ניגש לכאן ונגדיר לו create landscape version וראינו בעבר שהדבר הזה גם משכפל לנו את כל ה-layout לעוד קובץ layout שהוא זהה לחלוטין כרגע אבל הוא נמצא בתיקיית layout מקף land בכדי להיכנס לתוקף כאשר היוזר נמצא ב-landscape.

18. 07:25

    אנחנו עכשיו רוצים לעשות פה את השינויים הדרושים קודם כל ה-linear layout לא אמור להיות vertical הוא אמור להיות הוריזונטל ולכן את זה אנחנו מורידים, ה-Default תהיה הוריזונטל.

19. 07:37

    לאחר מכן אנחנו רוצים שה-Weed שלנו יהיה 0DP וה-High תהיה Match Parent. גם כאן אנחנו רוצים שה-Weed יהיה 0DP וה-High תהיה Match Parent וזה כבר מסדר אותם שמאל וימין ולמעשה אלו כל השינויים שאנחנו רוצים לבצע ב-Layout.

20. 08:02

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

21. 08:31

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

22. 08:58

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

23. 09:18

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

24. 09:41

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

25. 10:00

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

26. 10:17

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

27. 10:31

    ומה שאנחנו מקבלים לפונקציה זה משתנה מסוג bundle, Wandel זה פשוט חבילה שמכילה Key-Value Collection כלומר איזשהו קולקשן שיש בו Key-Value Pairs זוגות זוגות של Key-Value יש לנו את המשתנה שנקרא Outstate וכל מה שאנחנו צריכים לעשות זה פשוט להכניס לתוכו נתונים.

28. 10:56

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

29. 11:07

    אז יש לנו פה כל מיני פונקציות put, putString, putInteger, putBullion, מה שבא