יצירת סמלים של אפליקציות

סמלים עוזרים למשתמשים לזהות את האפליקציה שלכם ואת הפעולות בתוכה. אפשר לגשת לחבילה של סמלים של חומרי לימוד ולהוסיף אותם לאפליקציה ישירות באמצעות 'כתיבה'. כדי ליצור סמלים או סמלים מותאמים אישית עבור את האפליקציה שלכם באמצעות תצוגות מפורטות, מערכת Android Studio מציעה את Image Asset Studio.

הוספת סמלים לאפליקציה באמצעות 'כתיבה'

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

כדי ליצור סמלים מותאמים אישית, למשל הסמל של מרכז האפליקציות, אפשר להשתמש Image Asset Studio. לסמלי מרכז האפליקציות, AndroidManifest.xml הקובץ חייב להפנות למיקום mipmap/. הקוד הזה נוסף ל-Image Asset Studio באופן אוטומטי. קוד קובץ המניפסט הבא מפנה אל הסמל ic_launcher בספרייה mipmap/:

  <application android:name="ApplicationTitle"
            android:label="@string/app_label"
            android:icon="@mipmap/ic_launcher" >
  

מידע על Image Asset Studio

ב-Android Studio יש כלי בשם Image Asset Studio שעוזר לך ליצור אפליקציה משלך סמלים מ- material סמלים, תמונות מותאמות אישית ומחרוזות טקסט. היא יוצרת קבוצת סמלים ברזולוציה המתאימה לכל פיקסל דחיסות צפיפות שהאפליקציה שלכם תומכת בה. Image Asset Studio מציב את הסמלים החדשים בתיקיות ספציפיות לדחיסות מתחת הספרייה res/ בפרויקט. בזמן הריצה, מערכת Android משתמשת על סמך דחיסות המסך של המכשיר שהאפליקציה פועלת בו.

בעזרת Image Asset Studio תוכלו ליצור את סוגי הסמלים הבאים:

• סמלים של מרכז האפליקציות
• סמלי הכרטיסיות וסרגל הפעולות
• סמלי התראה

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

סמלים של מרכז האפליקציות המותאם אישית ומדור קודם של מרכז האפליקציות

סמל מרכז האפליקציות הוא גרפיקה שמייצגת את האפליקציה שלך למשתמשים. האפליקציה יכולה:

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

סמלים של מרכז אפליקציות מותאם יכולים להופיע במגוון צורות בדגמי מכשירים שונים, זמינה ב-Android מגרסה 8.0 (רמת API 26) ואילך. Android Studio 3.0 כולל תמיכה עבור ליצור סמלים מותאמים באמצעות Image Asset Studio. התכונה Image Asset Studio יוצרת תצוגה מקדימה של סמל מותאם בצורת עיגול, מרובע, ריבוע מעוגל וריבועי, וכן גלישה מלאה תצוגה מקדימה של הסמל. הכלי Image Asset Studio יוצר גם גרסה קודמת, חנות עגולה וחנות Google Play. תצוגות מקדימות של הסמל. סמל של מרכז האפליקציות מדור קודם הוא גרפיקה שמייצגת את האפליקציה שלך במסך הבית ובחלון של מרכז האפליקציות. סמלי מרכז אפליקציות מדור קודם מיועדים לשימוש במכשירים בגרסת Android 7.1 (רמת API 25) ומטה, שלא תומכים בסמלים מותאמים ולא מוצגים כמו צורות שונות של מכשירים בדגמי מכשירים שונים.

Image Asset Studio מציב את הסמלים במיקומים המתאימים res/mipmap-density/ ספריות. הוא גם יוצר תמונה בגודל 512 x 512 פיקסלים שמתאים לחנות Google Play.

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

ראו סמלים של מרכז האפליקציות המותאם אישית וגם סמלי מוצרים – עיצוב Material Design לקבלת מידע נוסף.

סמלי הכרטיסיות וסרגל הפעולות

סמלים של סרגל הפעולות הם אלמנטים גרפיים שממוקמים בסרגל הפעולות ומייצגים ולבצע פעולות לביצוע. ראו הוספה של פעולות וטיפול בהן, סרגל האפליקציות – Material Design, וגם עיצוב סרגל פעולות אפשר לקבל מידע נוסף.

סמלי כרטיסיות הם אלמנטים גרפיים שמשמשים לייצוג כרטיסיות בודדות ממשק מרובה כרטיסיות. לכל סמל כרטיסייה יש שני מצבים: 'לא נבחרה' ו'נבחרה'. למידע נוסף, ראו יצירת תצוגות החלקה באמצעות כרטיסיות כרטיסיות – עיצוב חדשני (Material Design) אפשר לקבל מידע נוסף.

Image Asset Studio מציב את הסמלים במיקומים המתאימים res/drawable-density/ של ספריות.

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

כחלופה ל-Image Asset Studio, אפשר להשתמש ב- Vector Asset Studio כדי ליצור סרגל פעולות וגם . פריטים וקטוריים להזזה מתאימים לסמלים פשוטים ויכולים להקטין את הגודל של אפליקציה.

סמלי התראה

התראה היא הודעה שאפשר להציג למשתמש מחוץ לממשק המשתמש הרגיל של אפליקציה. התכונה 'סטודיו לנכסי תמונות' ממקמת סמלי התראות במיקומים הנכונים ספריות res/drawable-density/:

• סמלים ל-Android 2.2 (רמת API 8) ומטה ממוקמים בספריות res/drawable-density/.
• נמצאים סמלים ל-Android מגרסה 2.3 עד 2.3.7 (רמת API 9 עד 10) res/drawable-density-v9/ ספריות.
• סמלים ל-Android 3 (רמת API 11) ול גבוהה יותר נמצאות בספריות res/drawable-density-v11/.

אם האפליקציה תומכת ב-Android בגרסאות 2.3 עד 2.3.7 (רמת API 9 עד 10), Image Asset Studio יוצר גרסה אפורה של הסמל. בגרסאות מאוחרות יותר של Android נעשה שימוש בסמל הלבן של Image Asset Studio. יוצרת.

פרטים נוספים זמינים בקטע התראות. Notifications Material Design; התראות, שינויים ב-Android 5.0; התראות, Android 4.4 ומטה; וגם סמלי סרגל הסטטוס, Android 3.0 ומטה אפשר לקבל מידע נוסף.

אוסף תמונות

בעזרת Image Asset Studio קל לייבא סמלים של חומרים מ-Google ב-VectorDrawable פורמטים PNG: פשוט בוחרים סמל מתיבת דו-שיח. מידע נוסף זמין במאמר הבא: סמלי חומרים.

תמונות

ניתן לייבא תמונות משלך ולשנות אותן בהתאם לסוג הסמל. פלטפורמת Image Asset Studio תומכת סוגי הקבצים הבאים: PNG (מועדף), JPG (מקובל) ו-GIF (לא מומלץ).

מחרוזות טקסט

בעזרת Image Asset Studio אפשר להקליד מחרוזת טקסט במגוון גופנים, ולהציב אותה על סמל. הוא ממיר את הסמל מבוסס-הטקסט לקובצי PNG לדחיסות שונה. אפשר להשתמש בגופנים מותקנות במחשב שלך.

הפעלת Studio Asset Studio

כדי להפעיל את Studio Asset Studio, פועלים לפי השלבים הבאים:

1. בחלון Project, בוחרים תצוגת Android.
2. לוחצים לחיצה ימנית על התיקייה res ובוחרים חדש > נכס תמונות.

   

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

יצירת סמלים מותאמים של מרכז האפליקציות מהדור הקודם

אחרי שפותחים את Product Asset Studio, אפשר להוסיף סמלים מותאמים וסמלים קודמים באמצעות באמצעות השלבים הבאים:

1. בשדה סוג הסמל, בוחרים באפשרות סמלי מרכז האפליקציות (ניתן להתאמה וגם מדור קודם).
2. בכרטיסייה שכבת חזית, בוחרים סוג נכס, ואז מציינים את הנכס בשדה שמתחת:
   • בוחרים באפשרות תמונה כדי לציין את הנתיב לקובץ תמונה.
   • בוחרים באפשרות קליפ ארט כדי לציין תמונה הוגדר סמל לעיצוב חומרים.
   • בוחרים באפשרות טקסט כדי לציין מחרוזת טקסט ולבחור גופן.
3. בכרטיסייה שכבת רקע, בוחרים סוג נכס ואז מציינים את הנכס בשדה שמתחת. ניתן לבחור צבע או להגדיר תמונה שתשמש כשכבת הרקע.
4. בכרטיסייה מדור קודם, בודקים את הגדרות ברירת המחדל ומאשרים. כדי ליצור סמלים מדור קודם, סמלים עגולים וסמלים של חנות Google Play.
5. אפשר לשנות את השם ואת הגדרות התצוגה של כל אחד הכרטיסיות שכבת חזית ושכבת רקע:
   • שם - אם לא רוצים להשתמש בשם ברירת המחדל, מקלידים שם חדש שם. אם שם המשאב הזה כבר קיים בפרויקט, כפי שצוין בשגיאה בחלק התחתון של האשף, הוא הוחלף. השם יכול לכלול תווים קטנים, קווים תחתונים וספרות בלבד.
   • חיתוך – כדי לכוונן את השוליים בין הגרפיקה של הסמל לגבול בנכס המקור, בוחרים כן. הפעולה הזו מסירה שטח שקוף, תוך שמירה על יחס הגובה-רוחב. כדי לצאת נכס המקור לא השתנה, בוחרים באפשרות לא.
   • צבע – כדי לשנות את הצבע של קליפ ארט או טקסט, לוחצים על השדה. בתיבת הדו-שיח בחירת צבע, מציינים צבע ולוחצים על בחירה. הערך החדש מופיע ב בשדה.
   • שינוי גודל - משתמשים בפס ההזזה כדי לציין גורם הגדלה באחוזים כדי לשנות את הגודל של סמל תמונה, קליפ ארט או טקסט. הזה מושבת עבור שכבת הרקע כאשר מציינים סוג הנכס צבע.
6. לוחצים על הבא.
7. אפשר גם לשנות את ספריית המשאבים: בוחרים את קבוצת מקורות המשאבים. שבהם רוצים להוסיף את נכס התמונות: src/main/res, src/debug/res, src/release/res או קבוצת מקור בהתאמה אישית. קבוצת המקור הראשית חלה על כל וריאציות ה-build, כולל ניפוי באגים גרסה חדשה. קבוצות המקור לניפוי באגים והפצה מבטלות את קבוצת המקור הראשית וגם יחולו על גרסה אחת של build. מקור ניפוי הבאגים שהוגדר מיועד לניפוי באגים בלבד. כדי להגדיר קבוצת מקורות חדשה, בוחרים File > מבנה הפרויקט > app > סוגי Build. לדוגמה, אפשר להגדיר קבוצת מקור בגרסת בטא וליצור גרסה של סמל שכולל את הטקסט "בטא" בפינה הימנית התחתונה. לקבלת מידע נוסף מידע נוסף, ראה הגדרה יוצרים וריאציות.
8. לוחצים על סיום. Image Asset Studio מוסיף את התמונות תיקיות mipmap שמתאימות לדחיסות השונות.

תצוגה מקדימה של סמלים מעוצבים של אפליקציות

ב-Android Studio אפשר לראות תצוגה מקדימה סמל האפליקציה ולבדוק איך הוא מתאים את עצמו לצבע הטפט של המשתמש. כדי לראות תצוגה מקדימה של האפליקציה המעוצבת , פותחים את הקובץ launcher.xml שמגדיר את הסמל שלכם ומשתמשים הבורר מצב ממשק המשתמש של המערכת בסרגל הכלים כדי להחליף טפטים ולראות איך הסמל מגיב.

אפשר למצוא מידע נוסף על יצירת סמלי אפליקציות מעוצבים סמלים מותאמים.

יצירת סרגל פעולות או סמל כרטיסייה

אחרי שפותחים את Product Asset Studio, אפשר להוסיף סרגל פעולות או סמל כרטיסייה באמצעות השלבים הבאים:

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

בתיבת הדו-שיח בחירת סמל, בוחרים סמל חומר ולוחצים על אישור.

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

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

3. אפשר לשנות את השם ואת אפשרויות התצוגה:
   • שם – אם לא רוצים להשתמש בשם ברירת המחדל, מקלידים שם חדש. אם שם המשאב הזה כבר קיים בפרויקט, אפשר לזהות את השגיאה: בחלק התחתון של האשף, הוא מוחלף. השם יכול להכיל אותיות קטנות. תווים, קווים תחתונים וספרות בלבד.
   • חיתוך - כדי לכוונן את השוליים בין הגרפיקה והגבול של הסמל בנכס המקור, בוחרים באפשרות כן. הפעולה הזו מסירה את המרחב השקוף, שמירה על יחס גובה-רוחב כדי להשאיר את נכס המקור ללא שינוי, בוחרים לא.
   • מרווח פנימי - אם רוצים להתאים את המרווח הפנימי של נכס המקור בכל ארבעת הצדדים, מזיזים את פס ההזזה. בוחרים ערך בין -10% ל-50%. אם בוחרים גם באפשרות חיתוך, החיתוך מתבצע קודם.
   • עיצוב – בחירה HOLO_Light או HOLO_DARK. לחלופין, כדי לציין צבע בתיבת הדו-שיח בחירת צבע, בוחרים בהתאמה אישית, ואז לוחצים על השדה צבע בהתאמה אישית.

   הסמל ב-Image Asset Studio נוצר בריבוע שקוף, כך שיהיה מרווח פנימי. בקצוות. המרווח הפנימי מספק מספיק מקום לאפקט הסטנדרטי של סמל הטלת הצללית.

4. לוחצים על הבא.
5. אפשר לשנות את ספריית המשאבים:
• Res Directory – בוחרים את קבוצת מקורות המשאבים שאליה רוצים להוסיף את נכס תמונות: src/main/res, src/debug/res, src/publish/res, או קבוצת מקור שהוגדרה על ידי המשתמש. קבוצת המקור הראשית חלה על כל וריאציות ה-build, כולל לניפוי באגים ולשחרור. קבוצות המקור לניפוי באגים והפצה מבטלות את קבוצת המקור הראשית ומחילים אותן לגרסה אחת של build. מקור ניפוי הבאגים שהוגדר מיועד לניפוי באגים בלבד. כדי להגדיר מקור חדש הגדרה, בוחרים קובץ > מבנה הפרויקט > app > סוגי Build. לדוגמה, אפשר להגדיר קבוצת מקורות בגרסת בטא וליצור גרסה של סמל שמכיל את הטקסט 'בטא' בפינה הימנית התחתונה. מידע נוסף זמין במאמר הבא: הגדרת וריאציות ב-Build

באזור Output Directories (ספריות פלט) מוצגות התמונות והתיקיות. שבו הם יופיעו תצוגה 'קובצי פרויקט' של החלון Project.

6. לוחצים על סיום.

ב-Image Asset Studio מוסיפים את התמונות בתיקיות שניתנות לשרטוט של את הדחיסות השונות.

יצירת סמל התראה

אחרי שפותחים את Product Asset Studio, אפשר להוסיף סמל התראה באמצעות השלבים הבאים:

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

בתיבת הדו-שיח בחירת סמל, בוחרים סמל חומר ולוחצים על אישור.

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

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

3. אפשר לשנות את השם ואת אפשרויות התצוגה:
   • שם – אם לא רוצים להשתמש בשם ברירת המחדל, מקלידים שם חדש. אם שם המשאב הזה כבר קיים בפרויקט, אפשר לזהות את השגיאה: בחלק התחתון של האשף, הוא מוחלף. השם יכול להכיל אותיות קטנות. תווים, קווים תחתונים וספרות בלבד.
   • חיתוך - כדי לכוונן את השוליים בין הגרפיקה והגבול של הסמל בנכס המקור, בוחרים באפשרות כן. הפעולה הזו הסרת שטח שקוף תוך שמירה על יחס הגובה-רוחב. כדי לצאת מנכס המקור ללא שינוי, בוחרים באפשרות לא.
   • מרווח פנימי - אם רוצים להתאים את המרווח הפנימי של נכס המקור בכל ארבעת הצדדים, מזיזים את פס ההזזה. צריך לבחור ערך בין -10% ו-50%. אם גם בוחרים באפשרות חיתוך. החיתוך מתבצע קודם.

   הסמל ב-Image Asset Studio נוצר בריבוע שקוף, כך שיהיה מרווח פנימי. בקצוות. המרווח הפנימי מספק מספיק מקום לאפקט הסטנדרטי של סמל הטלת הצללית.

4. לוחצים על הבא.
5. אפשר לשנות את ספריית המשאבים:
• Res Directory – בוחרים את קבוצת מקורות המשאבים שאליה רוצים להוסיף את נכס תמונות: src/main/res, src/debug/res, src/publish/res, או קבוצת מקור שהוגדרה על ידי המשתמש. קבוצת המקור הראשית חלה על כל וריאציות ה-build, כולל לניפוי באגים ולשחרור. קבוצות המקור לניפוי באגים והפצה מבטלות את קבוצת המקור הראשית ומחילים אותן לגרסה אחת של build. מקור ניפוי הבאגים שהוגדר מיועד לניפוי באגים בלבד. כדי להגדיר מקור חדש הגדרה, בוחרים קובץ > מבנה הפרויקט > app > סוגי Build. לדוגמה, אפשר להגדיר קבוצת מקורות בגרסת בטא וליצור גרסה של סמל שמכיל את הטקסט 'בטא' בפינה הימנית התחתונה. מידע נוסף זמין במאמר הבא: הגדרת וריאציות ב-Build

באזור Output Directories (ספריות פלט) מוצגות התמונות והתיקיות. שבו הם יופיעו תצוגה 'קובצי פרויקט' של החלון Project.

6. לוחצים על סיום.

ב-Image Asset Studio מוסיפים את התמונות בתיקיות שניתנות לשרטוט של את הדחיסות והגרסאות השונות.

הפניה למקור של תמונות בקוד באמצעות תצוגות

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

• ברוב המקרים, אפשר להפנות למשאבי תמונות בתור @drawable בקוד XML או Drawable בקוד Java.

לדוגמה, קוד ה-XML של הפריסה הבא מציג את הפריט הניתן להזזה ב ImageView:

<ImageView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/myimage" />

קוד Java הבא מאחזר את התמונה בתור Drawable:

Kotlin

val drawable = resources.getDrawable(R.drawable.myimage, theme)

Java

Resources res = getResources();
Drawable drawable = res.getDrawable(R.drawable.myimage, getTheme());

getResources() נמצא ב-Context מחלקה, שחלה על אובייקטים בממשק המשתמש, כמו פעילויות, מקטעים, פריסות, תצוגות וכו'.

• אם האפליקציה משתמשת ב'ספריית התמיכה', תוכלו להפנות למקור תמונה בקוד XML עם דף חשבון app:srcCompat. לדוגמה:

<ImageView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    app:srcCompat="@drawable/myimage" />

אפשר לגשת למשאבי תמונות רק מה-thread הראשי.

אחרי שיהיה לכם משאב תמונות בספרייה res/ של הפרויקט, תוכלו להפנות אליו מקוד Java או מפריסת ה-XML באמצעות מזהה המשאב שלו. קוד Java הבא מגדיר ImageView לשימוש המשאב drawable/myimage.png:

findViewById<ImageView>(R.id.myimageview).apply {
    setImageResource(R.drawable.myimage)
}

ImageView imageView = (ImageView) findViewById(R.id.myimageview);
imageView.setImageResource(R.drawable.myimage);

צפייה גישה למשאבים לקבלת מידע נוסף.

מחיקת סמל מפרויקט

כדי להסיר סמל מפרויקט:

1. בחלון Project, בוחרים תצוגת Android.
2. מרחיבים את התיקייה res/mipmap לסמל של מרכז האפליקציות, או התיקייה res/drawable לסמלים מסוגים אחרים.
3. מאתרים תיקיית משנה עם שם הסמל שרוצים למחוק.

התיקייה הזו מכילה את הסמל בצפיפות שונה.

4. בוחרים את התיקייה ו מקישים על מקש Delete.

לחלופין, בוחרים באפשרות עריכה > מחיקה. או לוחצים לחיצה ימנית על קובץ ובוחרים באפשרות מחיקה.

תיבת הדו-שיח מחיקה בטוחה מופיעה.

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

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

6. בוחרים באפשרות Build > (יצירה). פרויקט נקי.

המערכת של Android Studio מסירה את כל קובצי התמונות שנוצרו שתואמים למשאב התמונות שנמחק. הפעולה מסירה אותם מהפרויקט ומה-Drive.

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

השגיאות האלה מסומנות ב-Android Studio בקוד. אחרי שתסירו את כל ההפניות מהדומיין את הקוד, תוכלו לבנות שוב את הפרויקט בהצלחה.