Material Design -Transitions

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

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

1. 00:02

   חלק מכלי העיצוב של ה-Material Design מדברים על מעברים, כלומר Transitions. איך אנחנו יכולים לעבור בין UIs שונים או בין מסכים שונים?

2. 00:15

   בדוגמה הזאת אנחנו רואים שיש לנו Activity Main וב-Activity Main יש לנו פה את התמונה למעלה, את ה-Cover הזאת ויש לנו לחצן שהוא מאוד דומה ל-Floating Action Button שתמיד התעסקנו איתו והוא נמצא פשוט כאן.

3. 00:31

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

4. 00:54

   אז יש כל מיני אפקטי טרנזישן שונים בדוגמה הזאת אנחנו מציגים אחד מהם אבל העיקרון שעומד מאחורי זה זה שאנחנו פשוט נותנים לרכיב Transition Name, לדוגמה לתמונה נתנו Header Image, לבטון נתנו Fab Button, ובדיוק את אותם Transitions אנחנו נותנים גם לרכיבי היעד, בכדי שיהיה לנו יותר קל לזכור,

5. 01:20

   תמונה הזאת מקושרת עם ה-Header Image, הבטון מקושר עם ה-Fab Button, ועכשיו כאשר לוחצים על הכפתור אנחנו פשוט משייכים תמונת מקור לטרנזישן name יעד ולחצן מקור לטרנזישן name יעד ונותנים לו את הטרנזישן הרצוי והוא מבצע את זה.

6. 01:42

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