ออกแบบหน้าปัด

หน้าปัดที่กำหนดเองใช้ประโยชน์จากผืนผ้าใบดิจิทัลแบบไดนามิกที่รวมสี ภาพเคลื่อนไหว และข้อมูลตามบริบทได้

การสร้างหน้าปัดสำหรับ Wear OS เกี่ยวข้องกับการแสดงเวลาอย่างชัดเจน เช่นเดียวกับหน้าปัดแบบดั้งเดิม อุปกรณ์ Wear มีความสามารถขั้นสูงสำหรับหน้าปัดที่คุณใช้ประโยชน์ได้ในการออกแบบ เช่น สีสันสดใส พื้นหลังแบบไดนามิก ภาพเคลื่อนไหว และการผสานรวมข้อมูล อย่างไรก็ตาม ยังมีข้อควรพิจารณาด้านการออกแบบอีกมากมายที่ควรคำนึงถึง

หากต้องการออกแบบหน้าปัดโดยไม่ต้องเขียนโค้ด โปรดดูหัวข้อ Watch Face Studio

ดูตัวอย่างอื่นๆ ของหน้าปัดเพื่อเริ่มออกแบบหน้าปัด ดาวน์โหลด แอปที่ใช้ร่วมกันของ Wear OS เพื่อเลือกดูหน้าปัดจำนวนมาก

วางแผนการติดตั้งใช้งานหน้าปัด

หลังจากออกแบบหน้าปัดเสร็จแล้ว คุณจะต้องกำหนดวิธีรับข้อมูลที่จําเป็นและวาดหน้าปัดในอุปกรณ์ที่สวมใส่ได้ การติดตั้งใช้งานส่วนใหญ่ประกอบด้วยคอมโพเนนต์ต่อไปนี้

  • รูปภาพพื้นหลังอย่างน้อย 1 รูป
  • โค้ดแอปพลิเคชันที่ดึงข้อมูลที่จำเป็น
  • โค้ดแอปพลิเคชันที่วาดข้อความและรูปร่างบนภาพพื้นหลัง

โดยปกติแล้วแอปจะแสดงภาพพื้นหลังที่แตกต่างกันสำหรับโหมดอินเทอร์แอกทีฟและโหมดบรรยากาศ การสร้างรูปภาพที่ดูดีสำหรับโหมดแอมเบียนท์อาจทำได้ยาก ดังนั้น พื้นหลังของโหมดแอมเบียนท์จึงมักเป็นสีดำหรือสีเทาล้วนโดยไม่มีรูปภาพ

รูปภาพพื้นหลังสำหรับอุปกรณ์ Wear ที่มีความหนาแน่นของหน้าจอระดับ hdpi ควรมีขนาด 320 x 320 พิกเซล มุมของรูปภาพพื้นหลังจะมองไม่เห็นในอุปกรณ์ทรงกลม ในโค้ด คุณสามารถตรวจหาขนาดหน้าจอของอุปกรณ์และปรับขนาดภาพพื้นหลังให้เล็กลงได้หากอุปกรณ์มีความละเอียดต่ำกว่าภาพ หากต้องการปรับปรุงประสิทธิภาพ ให้ปรับขนาดรูปภาพพื้นหลังเพียงครั้งเดียวและจัดเก็บบิตแมปที่ได้

เรียกใช้โค้ดแอปพลิเคชันเพื่อดึงข้อมูลตามบริบทเฉพาะตามความจําเป็นเท่านั้น และจัดเก็บผลลัพธ์เพื่อใช้ข้อมูลซ้ำทุกครั้งที่คุณวาดหน้าปัด เช่น คุณไม่จำเป็นต้องดึงข้อมูลอัปเดตสภาพอากาศทุกนาที

เขียนโค้ดแอปพลิเคชันที่วาดหน้าปัดในโหมดแอมเบียนท์ให้เรียบง่ายเพื่อยืดอายุการใช้งานแบตเตอรี่ โดยปกติแล้วคุณจะวาดโครงร่างของรูปร่างโดยใช้ชุดสีที่จำกัดในโหมดนี้ ในโหมดอินเทอร์แอกทีฟ คุณสามารถใช้สีแบบเต็ม รูปร่างที่ซับซ้อน ไล่สี และภาพเคลื่อนไหวเพื่อวาดหน้าปัด

บทเรียนที่เหลือในชั้นเรียนนี้จะแสดงวิธีใช้หน้าปัดโดยละเอียด

โปรดดูแหล่งข้อมูลที่เกี่ยวข้องต่อไปนี้