PracticU

Launcher Icon

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאנדרואיד - Android - ב-JAVA › Launcher Icon
מילון מושגים:
תמונה - קובץ גרפי המוצג על המסך. בהקשר של וירטואליזציה או Docker, תבנית מוכנה שממנה יוצרים מכונה או קונטיינר.
XML - שפת סימון לייצוג נתונים מובְנים בעזרת תגיות, המשמשת להחלפת מידע בין מערכות ולקובצי הגדרות.
תיקייה - מכל במערכת הקבצים שמשמש לארגון קבצים ותיקיות אחרות בתוך מבנה היררכי.

Launcher Icon
לכל אפליקציה יש אייקון במסך ה-launcher שמריץ אותה בלחיצה. ברירת המחדל היא הרובוט של אנדרואיד (Andy). ההרצאה מראה איפה האייקון מוגדר ואיך מחליפים אותו בעזרת הכלי Image Asset.
השלבים העיקריים
1. איפה האייקון: בתיקיית mipmap, שמיועדת לאייקון האפליקציה. יש בה אייקונים אוטומטיים לצפיפויות שונות, כמו hdpi, xxhdpi ו-xxxhdpi.
2. פותחים את הכלי: File > New > Image Asset. הוא יוצר את האייקון לכל הצפיפויות יחד.
3. אייקון מטקסט: מגדירים טקסט (בדוגמה האות A), צורה סביבו (כמו Dog Ear), צבע רקע וצבע טקסט.
4. אייקון מ-ClipArt: בוחרים אייקון מקליפ ארט (בדוגמה לוח שנה) ומשנים את הרקע. לוחצים Next ו-Finish, ומריצים. האייקון החדש מופיע ב-launcher.
5. אייקון מתמונה: בוחרים תמונה, למשל PNG מהמחשב. האתר iconfinder.com מאפשר לחפש ולהוריד אייקונים, בדוגמה חיפוש "smiley" עם סינון ל-free icons והורדת PNG. בוחרים את הקובץ בכלי ולוחצים Next ו-Finish.
6. ההגדרה במניפסט: בקובץ AndroidManifest.xml האייקון מוגדר כמפנה אל mipmap בשם ic_launcher. אפשר לשנות שם או להפנות לתיקייה אחרת, כמו drawable, שם.
אחרי ההרצאה אפשר להחליף את אייקון האפליקציה ולהתאים אותו אוטומטית לכל הצפיפויות.

פרקי ההרצאה: Launcher Icon

  1. 00:00

    אייקון האפליקציה במסך ה-Launcher

  2. 00:44

    היכן מוגדר האייקון לכל Density

  3. 01:23

    יצירת אייקון בכלי של Android Studio

  4. 02:23

    אייקון מ-Clip Art וצבעים

  5. 03:23

    בדיקת האייקון ושימוש בתמונת PNG

תמלול ההרצאה: Launcher Icon

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

  1. 00:02

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

  2. 00:15

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

  3. 00:36

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

  4. 00:53

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

  5. 01:12

    הנה אנחנו רואים את ה-HDPI, XX, XDPI, XXX, XDPI וכן הלאה.

  6. 01:21

    בואו ניפטר מהם. ועכשיו איך אנחנו מגדירים אייקון משלנו. אז למעשה Android Studio מאפשרת לנו ככלי שנמצא בתוכה לשנות את האייקון הזה. לצורך כך אנחנו צריכים לגשת ל-file, לגשת ל-new וב-new לגשת ל-image asset וניגש לזה וכעת אנחנו רואים שיש לנו אפשרות ליצור את האייקון של ה-launcher בעצמנו עבור כל הדנסיטיז השונים יש לנו בחלונית הזאת כל מיני

  7. 01:58

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

  8. 02:23

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

  9. 02:44

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

  10. 03:31

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

  11. 03:52

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

  12. 04:07

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

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

ההרצאה הקודמת: Patch Resizer

ההרצאה הבאה: Styling

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

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