PracticU

Color Resource

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאנדרואיד - Android - ב-JAVA › Color Resource
מילון מושגים:
XML - שפת סימון לייצוג נתונים מובְנים בעזרת תגיות, המשמשת להחלפת מידע בין מערכות ולקובצי הגדרות.
Android - מערכת הפעלה מבוססת Linux לטלפונים ולמכשירים ניידים, שפותחה על ידי גוגל.
לייאאוט - ארגון וסידור הרכיבים החזותיים על המסך או בדף, כמו מיקום כפתורים, טקסט ותמונות.
מאפיין - תכונה שמצמידים לרכיב ומתארת אותו או את התנהגותו, למשל מאפיין של תגית HTML או שדה באובייקט.

Color Resource
צבעי האפליקציה מוגדרים כמשאב בקובץ colors.xml, כך שצבע אחד אפשר לשנות במקום אחד ושהשינוי יתפשט לכל מי שמשתמש בו. השיעור מראה איך מגדירים צבע, משתמשים בו ב-XML וטוענים אותו בקוד.
השלבים העיקריים
1. הוספת צבע: מוסיפים בקובץ צבע בשם text_back_color לרקע טקסטים.
2. פורמט הערך: סולמית ואחריה שלושה זוגות ספרות הקסדצימליות: אדום, ירוק, כחול. כל זוג בין 00 ל-ff, כלומר 0 עד 255. הערך ff0000 הוא אדום, ‏000000 שחור, ו-ffffff לבן. ערכים שווים בשלושה הערוצים נותנים גווני אפור.
3. קיצור: שלוש ספרות, למשל f00, שוות לאדום, כי Android Studio משכפלת כל אות.
4. בחירה מפלטה: לחיצה על ריבוע הצבע פותחת פלטה, ובחירה מכניסה את הערך.
5. שימוש ב-XML: ב-Layout, במאפיין background בוחרים color resource ואת הצבע. מוסיפים עוד צבע text_fore_color לצבע הטקסט, ו-textSize של 30sp, ובהמשך 50sp.
6. שינוי צבע בקוד: לחצן change color עם onClick. ב-onCreate מאתרים את ה-TextView ב-findViewById. מוסיפים צבע text_header_color.
7. טעינה: קוראים ל-getResources().getColor(R.color.text_header_color) ושומרים בעוד int. שולחים אותו ל-setBackgroundColor של ה-TextView.
כך אפשר להחזיק את כל הצבעים במקום אחד ולהשתמש בהם גם ב-XML וגם בקוד.
השיעור הבא בקורס: Shape Drawable

פרקי ההרצאה: Color Resource

  1. 00:00

    יתרונות קובץ colors.xml

  2. 00:57

    פורמט הקסדצימלי ורכיבי RGB

  3. 02:31

    קיצור לשלוש ספרות ובורר צבעים

  4. 03:27

    שימוש בצבע כרקע וכצבע טקסט

  5. 04:29

    שינוי צבע בזמן ריצה

תמלול ההרצאה: Color Resource

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

  1. 00:02

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

  2. 00:17

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

  3. 00:33

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

  4. 00:46

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

  5. 01:06

    ואומר שיש לנו סולמית בכדי להגדיר שהפורמט הוא אקסה, ואז יש לנו שלושה גוונים. הגוון הראשון זה Red, הגוון השני זה Green והגוון השלישי זה Blue.

  6. 01:18

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

  7. 01:44

    אם היינו מגדירים לדוגמה 0, 0 כאדום, 0, 0 ככחול, 0, 0 כ...

  8. 01:52

    סליחה, 0, 0 כירוק ו-0, 0 ככחול, היינו מקבלים שחור, ששחור זה בעצם לא מכיל אף אחד מהם. זה בעצם יוצר לנו ירוק, אנחנו דרך אגב יכולים לראות את זה כאן בצד, ויש לנו את ה-Red-Green-Blue, זה יוצר לנו כחול, הנה אנחנו רואים פה כחול בצד.

  9. 02:12

    ואם יש לנו לדוגמה כולם אפים, אז יש לנו לבן, פה אנחנו יכולים לראות את הלבן. אם יש לנו, בואו נגיד, אותו גוון אחר, אנחנו מקבלים סוג של אפור, זה נקרא Tone Color, שכולם אותו הדבר, גם לבן וגם שחור הם סוג של אפור.

  10. 02:32

    בואו נגדיר כאן Red-Green-Blue. אנחנו יכולים לחילופין להגדיר רק שלוש אותיות אם יש לנו F, 0 ו-0 זה גם אדום.

  11. 02:45

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

  12. 03:05

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

  13. 03:37

    איתו והנה אנחנו רואים שיש לנו background של הדבר הזה בואו ניגש ונייצר עוד איזשהו צבע control d משכפל לנו ונגדיר טקסט for color נלחץ נבחר איזה סוג של משהו קצת יותר בהיר בואו נבחר את זה אוקיי נחזור בחזרה ללייאוט ונגדיר שהדבר הזה נמצא בטקסט קולור.

  14. 04:11

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

  15. 04:34

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

  16. 04:48

    אז בואו ניגש ונבנה פה איזשהו לחצן, נגדיר לו Text Change Color, נגדיר לו On Click Button Change Color, קליק, ניגש ונייצר את הקוד ב-Java.

  17. 05:13

    בואו רק נגדיר כאן שיש לנו איזשהו טקסט סייז של 20, יהיה קצת יותר גדול ואנחנו רוצים גם לגשת ולתת איזשהו ID לטקסט view, נקרא לו טקסט view header ואנחנו רוצים קודם כל לגשת ולאתר אותו.

  18. 05:43

    פרייבט טקסט view הנה הטקסט view הדר שלנו

לקורס המלא: קורס פיתוח אפליקציות לאנדרואיד

ההרצאה הקודמת: String Resource

ההרצאה הבאה: Shape Drawable

הרצאות קשורות מקורסים אחרים

  • טיפול במקרה של Resource Not Found
  • ניהול משאבים ב-ESXi - Resource Pool
  • הסבר על Kerberos RBCD - Resource Based Delegation

קורסים נוספים במסלול

  • קורס יסודות התכנות - שפת JAVA - קורס ג'אווה למתחילים
  • קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode
  • קורס פלאטר - Flutter - שפת DART של גוגל למובייל - פיתוח אפליקציות לאנדרואיד ואייפון
  • קורס PhoneGap - פיתוח אפליקציות לאנדרואיד ואייפון