設計錶面

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

在建立 Wear OS 錶面時,需要能夠清楚展示時間,就跟傳統錶面一樣。Wear 裝置提供多種錶面進階功能,可供您在設計中多多利用,例如鮮明顏色、動態背景、動畫、資料整合等等。不過,您在設計時依然需要考量許多要素。

如果想在不編寫程式碼的情況下設計錶面,請參閱「Watch Face Studio」。

若想開始設計錶面,請參閱其他錶面範例。下載 Wear OS 隨附應用程式即可瀏覽多種錶面。

計畫錶面實作內容

完成錶面設計之後,您需要決定如何取得所有必要的資料,以及如何在穿戴式裝置繪製錶面。大多數的實作內容都含有以下元件:

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

應用程式通常會為互動和微光模式顯示不同的背景圖片。微光模式下可能比較難以製作美觀的圖片。因此,微光模式的背景通常會全部蓋滿黑色或灰色,且不使用圖片。

HDPI 螢幕密度的 Wear 裝置背景圖片大小應為 320 乘以 320 像素,以便同時適合方形和圓形裝置使用。系統也支援矩形裝置,因此請根據您想支援的大小建立其他圖片。圓形裝置看不到背景圖片的角落。您可以透過程式碼偵測裝置螢幕大小,並在裝置解析度低於您的圖片時縮小背景圖片。為了改善效能,請只縮放背景圖片一次即可,並儲存結果點陣圖。

您應只在有必要的時候才藉由執行應用程式程式碼擷取背景資料,並把結果儲存起來,以便在每次繪製錶面時使用該項資料。例如您就不必每分鐘擷取一次天氣更新內容。

請讓微光模式繪製錶面的應用程式程式碼保持相對簡單,以便延長電池壽命。在這個模式下,您通常可以使用有限的顏色選擇繪製形狀的外框。若在互動模式下,您可以使用所有顏色、複雜的形狀、漸層、動畫等內容繪製錶面。

本課程其他內容可以為您詳細說明如何實作錶面。

請參閱下列相關資源: