The Watch Face Format is required for watch faces to be installed on devices with Wear OS 5 or later pre-installed and for all new watch faces published on Google Play.
Starting in January 2026, the Watch Face Format will be required for watch faces to be installed on all Wear OS devices.
Learn more about the user-facing changes in this Help Center article.
ออกแบบหน้าปัด
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
หน้าปัดที่กำหนดเองใช้ประโยชน์จากผืนผ้าใบดิจิทัลแบบไดนามิกที่รวมสี ภาพเคลื่อนไหว และข้อมูลตามบริบทได้
การสร้างหน้าปัดสำหรับ Wear OS เกี่ยวข้องกับการแสดงเวลาอย่างชัดเจน เช่นเดียวกับหน้าปัดแบบดั้งเดิม อุปกรณ์ Wear มีความสามารถขั้นสูงสำหรับหน้าปัดที่คุณใช้ประโยชน์ได้ในการออกแบบ เช่น สีสันสดใส พื้นหลังแบบไดนามิก ภาพเคลื่อนไหว และการผสานรวมข้อมูล อย่างไรก็ตาม ยังมีข้อควรพิจารณาด้านการออกแบบอีกมากมายที่ควรคำนึงถึง
หากต้องการออกแบบหน้าปัดโดยไม่ต้องเขียนโค้ด โปรดดูหัวข้อ
Watch Face Studio
ดูตัวอย่างอื่นๆ ของหน้าปัดเพื่อเริ่มออกแบบหน้าปัด ดาวน์โหลด
แอปที่ใช้ร่วมกันของ Wear OS เพื่อเลือกดูหน้าปัดจำนวนมาก
วางแผนการติดตั้งใช้งานหน้าปัด
หลังจากออกแบบหน้าปัดเสร็จแล้ว คุณจะต้องกำหนดวิธีรับข้อมูลที่จําเป็นและวาดหน้าปัดในอุปกรณ์ที่สวมใส่ได้ การติดตั้งใช้งานส่วนใหญ่ประกอบด้วยคอมโพเนนต์ต่อไปนี้
- รูปภาพพื้นหลังอย่างน้อย 1 รูป
- โค้ดแอปพลิเคชันที่ดึงข้อมูลที่จำเป็น
- โค้ดแอปพลิเคชันที่วาดข้อความและรูปร่างบนภาพพื้นหลัง
โดยปกติแล้วแอปจะแสดงภาพพื้นหลังที่แตกต่างกันสำหรับโหมดอินเทอร์แอกทีฟและโหมดบรรยากาศ การสร้างรูปภาพที่ดูดีสำหรับโหมดแอมเบียนท์อาจทำได้ยาก
ดังนั้น พื้นหลังของโหมดแอมเบียนท์จึงมักเป็นสีดำหรือสีเทาล้วนโดยไม่มีรูปภาพ
รูปภาพพื้นหลังสำหรับอุปกรณ์ Wear ที่มีความหนาแน่นของหน้าจอระดับ hdpi ควรมีขนาด 320 x 320 พิกเซล มุมของรูปภาพพื้นหลังจะมองไม่เห็นในอุปกรณ์ทรงกลม ในโค้ด คุณสามารถตรวจหาขนาดหน้าจอของอุปกรณ์และปรับขนาดภาพพื้นหลังให้เล็กลงได้หากอุปกรณ์มีความละเอียดต่ำกว่าภาพ หากต้องการปรับปรุงประสิทธิภาพ ให้ปรับขนาดรูปภาพพื้นหลังเพียงครั้งเดียวและจัดเก็บบิตแมปที่ได้
เรียกใช้โค้ดแอปพลิเคชันเพื่อดึงข้อมูลตามบริบทเฉพาะตามความจําเป็นเท่านั้น และจัดเก็บผลลัพธ์เพื่อใช้ข้อมูลซ้ำทุกครั้งที่คุณวาดหน้าปัด เช่น คุณไม่จำเป็นต้องดึงข้อมูลอัปเดตสภาพอากาศทุกนาที
เขียนโค้ดแอปพลิเคชันที่วาดหน้าปัดในโหมดแอมเบียนท์ให้เรียบง่ายเพื่อยืดอายุการใช้งานแบตเตอรี่ โดยปกติแล้วคุณจะวาดโครงร่างของรูปร่างโดยใช้ชุดสีที่จำกัดในโหมดนี้ ในโหมดอินเทอร์แอกทีฟ คุณสามารถใช้สีแบบเต็ม รูปร่างที่ซับซ้อน ไล่สี และภาพเคลื่อนไหวเพื่อวาดหน้าปัด
บทเรียนที่เหลือในชั้นเรียนนี้จะแสดงวิธีใช้หน้าปัดโดยละเอียด
โปรดดูแหล่งข้อมูลที่เกี่ยวข้องต่อไปนี้
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-26 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-26 UTC"],[],[],null,["# Design watch faces\n\nCustom watch faces leverage a dynamic, digital canvas that can include colors, animations, and\ncontextual information.\n\nCreating a watch face for Wear OS involves visualizing time clearly,\njust as you would for a traditional watch face. Wear devices\nprovide advanced capabilities for watch faces that you can leverage in your designs, such as\nvibrant colors, dynamic backgrounds, animations, and data integration. However, there are\nalso many design considerations to take into account.\n\nTo design a watch face without coding, see\n[Watch Face Studio](https://developer.samsung.com/watch-face-studio/user-guide).\n\nTo begin designing a watch face, review other examples of watch faces. Download the\n[Wear OS companion app](https://play.google.com/store/apps/details?id=com.google.android.wearable.app) to browse a large selection of watch faces.\n\nPlan the implementation of the watch face\n-----------------------------------------\n\nAfter you finalize the design for your watch face, you need to determine how to obtain any\nnecessary data and draw the watch face on the wearable device. Most implementations\nconsist of the following components:\n\n- One or more background images.\n- Application code that retrieves the required data.\n- Application code that draws text and shapes over the background images.\n\nApps typically show different background images for the interactive and\nambient modes. It can be difficult to create a good-looking image for ambient mode.\nTherefore, ambient mode backgrounds are often completely black or grey with no image.\n\nBackground images for Wear devices with a screen density of hdpi should be 320 by 320 pixels in\nsize. The corners of the background image aren't visible on round devices. In your code, you can\ndetect the size of the device screen and scale down the background image if the device has a lower\nresolution than your image. To improve performance, scale the background image only once and store\nthe resulting bitmap.\n\nRun the application code to retrieve contextual data only as often as required\nand store the results to reuse the data every time you draw the watch face. For example, you\ndon't need to fetch weather updates every minute.\n\nKeep the application code that draws your watch face in ambient mode relatively simple to\nincrease battery life. You usually draw outlines of shapes using a limited set of colors\nin this mode. In interactive mode, you can use full color, complex shapes, gradients, and\nanimations to draw your watch face.\n\nThe remaining lessons in this class show you how to implement watch faces in detail.\n\nRelated resources\n-----------------\n\n\nRefer to the following related resources:\n\n- [WatchFace sample](https://github.com/android/wear-os-samples)"]]
