סמלים בתצוגת רשימה

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

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

טבלה 1. סיכום של מידות הסמלים בתצוגת הרשימה שהסתיימה לכל אחת משלוש הדחיסויות הכלליות של המסך.

ldpi (120 dpi)
(מסך בצפיפות נמוכה)
mdpi (160 dpi)
(מסך בצפיפות בינונית)
hdpi (240 dpi)
(מסך בצפיפות גבוהה)
xhdpi (320 dpi)
(מסך בצפיפות גבוהה במיוחד)
גודל הסמל בתצוגת רשימה ‫24x24 פיקסלים ‫32x32 פיקסלים ‫48x48 פיקסלים ‫64x64 פיקסלים

צריך לייצא את הגרפיקה הסופית כקובץ PNG שקוף. לא לכלול צבע רקע.

תבניות ליצירת סמלים ב-Adobe Photoshop זמינות בחבילת תבניות הסמלים.

כל הגרסאות של Android

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

מבנה

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

איור 1. Safeframe ושיפוע מילוי לאייקונים בתצוגת רשימה גודל הסמל הוא 32x32.

אור, אפקטים וצללים

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

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

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

1.צל פנימי:שחור | אטימות 57 % | זווית 120° | מצב מיזוג רגיל | מרחק 1px | גודל 1px
2.רקע:שחור | צבע מערכת רגיל
הסמלים האלה מוצגים רק בתצוגות רשימה.
הערה: סמל תצוגת הרשימה ממוקם בלוח ציור בגודל 32x32 פיקסלים ב-Photoshop, ללא מסגרת בטוחה.

הדרכה מפורטת

  1. מוסיפים את האפקטים שמופיעים באיור 2 לפילטר המתאים.
  2. מייצאים את הסמל בגודל 32x32 כקובץ PNG עם שקיפות מופעלת.
  3. יוצרים את הצורות הבסיסיות באמצעות כלי כמו Adobe Illustrator.
  4. מייבאים את הצורה לכלי כמו Adobe Photoshop ומשנים את הגודל כך שתתאים לתמונה בגודל 32x32 פיקסלים על רקע שקוף.