Material Design ל-Android

כדאי לנסות את התכונה 'כתיבה מהירה'
Jetpack Compose היא ערכת הכלים המומלצת לבניית ממשק משתמש ב-Android. כאן מוסבר איך עובדים איתם בנושא 'כתיבה'.
Material Design 3 →

Material Design הוא מדריך מקיף לעיצוב חזותי, תנועה ואינטראקציה בפלטפורמות ובמכשירים שונים. כדי להשתמש ב-Material Design באפליקציות ל-Android, צריך לפעול לפי ההנחיות שמוגדרות ב המפרט של Material Design. אם באפליקציה נעשה שימוש ב-Jetpack בכתיבה, אפשר להשתמש כתיבת חומר לימוד 3. אם באפליקציה שלכם נעשה שימוש בתצוגות, תוכלו להשתמש בספרייה Android Material Components.

מערכת Android מספקת את התכונות הבאות שיעזרו לכם ליצור אפליקציות בסגנון Material Design:

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

ווידג'טים ועיצוב של חומר לימוד

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

איור 1. עיצוב חומר כהה.
איור 2. עיצוב של חומר בהיר.

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

כדי לספק למשתמשים חוויה מוכרת, כדאי להשתמש בדפוסי חוויית המשתמש הנפוצים ביותר של Material:

  • מקדמים את הפעולה הראשית בממשק המשתמש באמצעות לחצן פעולה צף (FAB).
  • הצגת המותג, הניווט, החיפוש ופעולות אחרות באמצעות סרגל האפליקציות.
  • הצגה והסתרה של הניווט באפליקציה באמצעות חלונית הזזה לניווט.
  • תוכלו לבחור מתוך מגוון רכיבי Material Material נוספים עבור הפריסה והניווט של האפליקציה, כמו סרגלי כלים מתכווצים, כרטיסיות, סרגל ניווט תחתון ועוד. כדי לראות את כולם, אפשר לעבור חומרי לימוד לקטלוג Android.

כשהדבר אפשרי, כדאי להשתמש בסמלי Material Icons שהוגדרו מראש. לדוגמה, עבור 'תפריט' הניווט לחצן לחלונית ההזזה לניווט, משתמשים במאפיין 'המבורגר' הרגיל . צפייה סמלים של עיצוב Material Design לרשימה של הסמלים הזמינים. אפשר גם לייבא סמלי SVG מספריית Material Icon באמצעות Vector Asset Studio של Android Studio.

צללים וכרטיסים של גובה פני הקרקע

בנוסף לנכסים X ו-Y, לתצוגות מפורטות ב-Android יש נכס Z. מאפיין זה מייצג את הגובה של תצוגה, שקובע את הערכים הבאים:

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

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

למידע על הוספת גובה לתצוגות אחרות, ראה יצירת צלליות ותצוגות בקליפ.

אנימציות

איור 4. אנימציה של משוב מגע.

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

ממשקי ה-API האלה מאפשרים:

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

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

מידע נוסף זמין במאמר הבא: מבוא לאנימציות.

פריטים שניתנים להזזה

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