Custom Toast

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

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

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

אובייקט - יחידה בתכנות מונחה עצמים שמאגדת נתונים (תכונות) ופעולות (מתודות). נוצר בדרך כלל ממחלקה המשמשת כתבנית.

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

Android - מערכת הפעלה מבוססת Linux לטלפונים ולמכשירים ניידים, שפותחה על ידי גוגל.

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

מחרוזת - סוג נתונים שמייצג רצף של תווים, כלומר טקסט, ומשמש לאחסון מילים, משפטים או כל רצף סימנים.

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

Custom Toast

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

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

1. יוצרים את האובייקט: Toast.makeText עם this, הודעה ו-LENGTH_LONG. העיצוב נעשה בין היצירה לבין show.

2. ה-layout של הטוסט: toast.getView() מחזיר את ה-layout שמרכיב את הטוסט, שהוא LinearLayout. מבצעים לו cast ל-LinearLayout וקוראים ל-setBackgroundColor (בדוגמה Cyan).

3. ה-TextView של ההודעה: מוצאים אותו ב-findViewById עם המזהה android.R.id.message, המזהה של ה-TextView בכל הטוסטים. אחר כך אפשר לקרוא ל-setTextColor (אדום), setTextSize (25) ו-setPadding (20 משמאל ומימין, 0 מלמעלה ומלמטה).

4. פונקציה סטטית במחלקה חיצונית: כדי לא לשכפל את הקוד, יוצרים מחלקה בשם שונה מ-Toast, למשל CustomToast, עם פונקציה סטטית showMessage(Context context, String message). הקוד מועבר אליה כשה-this מוחלף ב-context והטקסט ב-message. תמיד LENGTH_LONG, ולכן אין פרמטר של משך.

5. שימוש: CustomToast.showMessage(this, "Hello all") מכל מקום.

6. מיקום: אותה פונקציה יכולה לכלול גם setGravity עם Gravity.CENTER ובלי היסט, והטוסט מופיע באמצע.

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

השיעור הבא בקורס: Changing Toast Layout

פרקי ההרצאה: Custom Toast

תמלול ההרצאה: Custom Toast

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

00:02
אחרי שראינו איך אנחנו יכולים להציג טוסט בואו נראה איך אנחנו יכולים טיפה לעצב אותו יש לנו פה את הלחצן ממקודם ואנחנו מריצים את הקוד הזה של הלחצן ובקוד הזה אני רוצה להציג טוסט אבל אני רוצה שהטוסט הזה יהיה טיפה יותר מעוצב אז דבר ראשון מה שאנחנו צריכים לעשות זה לבנות אובייקט טוסט על ידי הפונקציה make text
00:33
הפונקציה מקבלת את הדיסק כלומר את האקטיביטי איזושהי הודעה וכמובן כמובן את האורך בואו ניתן length long בצורה כזאת. כאן בסוף אנחנו מציגים את הטוסט אבל בין יצירת האובייקט לבין ההצגה של הטוסט אנחנו רוצים לעצב אותו.
01:01
אז יש לנו את הפונקציה get view, get view פשוט מחזירה לנו את הלייאוט של הטוסט, את הלייאוט שממנו בנוי הטוסט והלייאוט שבנוי הטוסט, שממנו בנוי הטוסט זה ליניאר לאאוט.
01:20
אז בואו ניקח ליניאר לאאוט טוסט, נבצע פה קאסטינג לליניאר לאאוט וכבר השגנו את הלאאוט עצמו של הטוסט. אם יש לנו את הלאאוט אנחנו יכולים לגשת to set background color, בואו ניתן איזשהו צבע color ניקח cyan, סוג של טורקיז כזה.
01:49
אז כבר אנחנו רואים שהטוסט עצמו הצבע שלו הוא בצבע טורקיז כזה. בואו נריץ את זה, בואו נלחץ על הלחצן ואנחנו רואים פה למטה את ה-hello all הזה שעדיין הטקסט בלבן ואין לנו כל כך שוליים מסביב, אז בואו נמשיך ונעצב עוד יותר את הטוסט.
02:16
הצלחנו לשנות לו את הצבע רקע. אז הדבר הבא שאנחנו רוצים לעשות זה להגיע ל-text view עצמו של הטוסט, ל-label הזאת שהמידע מוצג עליה.
02:29
זה יהיה טקסט View, טוסט נקרא לו וכל מה שאנחנו צריכים לעשות זה פשוט דרך ה-Linear Layout שקיבלנו לקרוא ל-Find View by ID אבל מה ה-ID שלו? אז ראינו בעבר שיש סדרה של ID's לרכיבי אנדרואיד שונים וה-ID's של רכיבי אנדרואיד השונים האלה מתחילים כולם ב-android.r.id
03:02
ואז ה-ID המיוחד, לדוגמה קונטנט. ראינו שזה בעצם איזשהו layout שעוטף לנו את ה-Layout שלנו, שאנחנו בונים במסמך-Layout שלנו. אנחנו רוצים להגיע ל-Message.
03:20
Message זה בעצם ה-ID של ה-Text View של הטוסטים. כל הטוסטים זה ה-ID שלהם. אז אחרי שהשגנו את ה-Text View של הטוסט, כמובן שאנחנו יכולים להיכנס, ולהתחיל to set text color לדוגמה בואו ניקח color red נגיע ל-set text size בואו ניתן לו 25 נגדיל אותו טיפה נגיע ל-set padding בכדי שיהיה לנו טיפה מרווחים
04:02
הנה יש לנו left בואו ניקח 20 פיקסלים מצד שמאל 0 מלמעלה 20 פיקסלים מצד ימין 0 מלמטה ויש לנו פה עיצוב נוסף שעשינו עבור הטקסט view. בואו נריץ את זה, בואו נלחץ על הלחצן וכבר אנחנו רואים שהצגנו בדיוק את אותו הטוסט של מקודם אבל הוא קצת יותר מעוצב מבחינת צבעים ורקעים וגדלים וכדומה.
04:35
עכשיו טוסט זה משהו שהוא מאוד נפוץ ומאוד מבצעים אותו בעצם בתדירות גבוהה בתוכנית בכל מיני מקומות. עכשיו זה לא כל כך הגיוני שבכל מקום אנחנו נכתוב את כל הקוד הזה ברגע שאנחנו רוצים להציג טוסט, ולכן מה שכדאי לנו לעשות זה רק לצרף איזושהי