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 隨附應用程式,即可瀏覽一系列精選錶面。
規劃錶面實作方式
完成錶面設計後,您需要決定如何取得所需資料,並在穿戴式裝置上繪製錶面。大多數的實作方式皆包含以下元件:
- 一或多張背景圖片。
- 可擷取所需資料的應用程式程式碼。
- 可在背景圖片上繪製文字和形狀的應用程式程式碼。
應用程式通常會為互動模式和微光模式顯示不同的背景圖片。為微光模式製作美觀的圖片並不容易。因此,微光模式的背景通常為全黑或灰色,不會使用圖片。
若是螢幕密度為 HDPI 的 Wear 裝置,背景圖片大小應為 320 x 320 像素。在圓形裝置上,不會顯示背景圖片的角落。您可以透過程式碼偵測裝置螢幕大小,並在裝置解析度低於背景圖片時縮小圖片。如要提升效能,請只縮放背景圖片一次,並儲存結果點陣圖。
請只在必要時透過執行應用程式程式碼來擷取背景資料,並請儲存結果,方便在每次繪製錶面時使用該資料。舉例來說,您不需要每分鐘擷取最新天氣資訊。
如要延長電池續航力,在微光模式下繪製錶面時,請都使用相對簡單的應用程式程式碼。在微光模式下,可繪製形狀外框的顏色通常很有限。若是互動模式,則可以使用全彩、複雜形狀、漸層和動畫來繪製錶面。
本課程其他內容會詳細說明如何實作錶面。
請參閱下列相關資源:
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2025-07-26 (世界標準時間)。
[null,null,["上次更新時間:2025-07-26 (世界標準時間)。"],[],[],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)"]]