設計錶面

自訂錶面會使用動態的數位畫布,畫布可包含顏色、動畫和背景資訊。

建立 Wear OS 錶面時,需要能夠清楚顯示時間,就和傳統錶面一樣。Wear 裝置提供多種進階錶面功能,您可以在設計中善用這些功能,例如鮮豔顏色、動態背景、動畫、資料整合等等。不過,您也需考量多項設計重點。

如要在不編寫程式碼的情況下設計錶面,請使用 Watch Face Studio

開始設計錶面時,請參閱其他錶面範例。下載 Wear OS 隨附應用程式,即可瀏覽一系列精選錶面。

規劃錶面實作方式

完成錶面設計後,您需要決定如何取得所需資料,並在穿戴式裝置上繪製錶面。大多數的實作方式皆包含以下元件:

  • 一或多張背景圖片。
  • 可擷取所需資料的應用程式程式碼。
  • 可在背景圖片上繪製文字和形狀的應用程式程式碼。

應用程式通常會為互動模式和微光模式顯示不同的背景圖片。為微光模式製作美觀的圖片並不容易。因此,微光模式的背景通常為全黑或灰色,不會使用圖片。

若是螢幕密度為 HDPI 的 Wear 裝置,背景圖片大小應為 320 x 320 像素。在圓形裝置上,不會顯示背景圖片的角落。您可以透過程式碼偵測裝置螢幕大小,並在裝置解析度低於背景圖片時縮小圖片。如要提升效能,請只縮放背景圖片一次,並儲存結果點陣圖。

請只在必要時透過執行應用程式程式碼來擷取背景資料,並請儲存結果,方便在每次繪製錶面時使用該資料。舉例來說,您不需要每分鐘擷取最新天氣資訊。

如要延長電池續航力,在微光模式下繪製錶面時,請都使用相對簡單的應用程式程式碼。在微光模式下,可繪製形狀外框的顏色通常很有限。若是互動模式,則可以使用全彩、複雜形狀、漸層和動畫來繪製錶面。

本課程其他內容會詳細說明如何實作錶面。

請參閱下列相關資源: