עיצוב תצוגות השעון

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

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

כדי לעצב תצוגת שעון בלי תכנות, אפשר לעיין במאמר Watch Face Studio.

כדי להתחיל לעצב תצוגת שעון, כדאי לעיין בדוגמאות אחרות של תצוגות שעון. אפשר להוריד את האפליקציה הנלווית של Wear OS כדי לעיין במגוון רחב של תצוגות שעון.

תכנון ההטמעה של תצוגת השעון

אחרי שמסיימים לעצב את חזית השעון, צריך לקבוע איך לקבל את הנתונים הנדרשים ולצייר את חזית השעון במכשיר לביש. רוב הטמעות ה-API מורכבות מהרכיבים הבאים:

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

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

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

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

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

בשיעורים הבאים בכיתה נסביר בפירוט איך מטמיעים את חזיתות השעון.

כדאי לעיין במקורות המידע הבאים: