Android 設計表盤

2018-08-02 17:54 更新

編寫:heray1990 - 原文: http://developer.android.com/training/wearables/watch-faces/designing.html

類似于設計傳統(tǒng)的表盤,創(chuàng)建 Android Wear 的表盤是一個清晰地顯示時間的練習。Android Wear 設備為表盤提供了高級的功能,我們可以運用這些功能到我們的設計當中,例如鮮艷的色彩、動態(tài)的背景、動畫和數(shù)據(jù)整合。然而,我們必須考慮到很多其它設計上的因素。

這節(jié)課總結了設計表盤需要考慮的因素和通用準則。更多關于這方面的內(nèi)容,請見 Watch Faces for Android Wear 設計指引。

遵守設計準側

當我們設計表盤的外觀和表盤需要向用戶表達哪些類型的信息的時候,請考慮一下這些設計準側:

為方形和圓形的設備作出規(guī)劃

我們的設計應該可以運行在方形和圓形的 Android Wear 設備上,包括那些使用感知形狀的 Layout 的設備。

支持所有的顯示模式

我們的表盤應該支持有限顏色的環(huán)境模式(ambient mode)和全彩色動畫的交互模式(interactive mode)。

優(yōu)化特殊屏幕的技術

在環(huán)境模式下,表盤應該讓大部分像素保持黑色。根據(jù)屏幕技術,我們需要避免使用大塊的白像素,僅僅使用黑色和白色,并禁用反鋸齒。

容納系統(tǒng) UI 組件

我們的設計應該確保系統(tǒng)指示圖標可見,當 notification cards 出現(xiàn)在屏幕上的時候用戶還可以看到時間。

整合數(shù)據(jù)

我們的表盤可以利用配套手機設備上的傳感器和蜂窩數(shù)據(jù)連接,來顯示相關的上下文數(shù)據(jù),例如天氣或者用戶的下一個日程表事件。

提供設置選項

我們可以讓用戶配置可穿戴應用或者 Android Wear 配套應用上某些設計特征(如顏色和尺寸)。

Figure 1. 表盤的例子.

更多關于 Android Wear 表盤的設計,請見 Watch Faces for Android Wear 設計指引。

創(chuàng)建實現(xiàn)策略

完成表盤的設計后,我們需要決定如何獲得必要的數(shù)據(jù)和將表盤繪制到可穿戴設備上。大部分實現(xiàn)方案由如下部分組成:

  • 一幅或多幅背景圖片
  • 接收需要數(shù)據(jù)的應用代碼
  • 繪制背景圖片上的文本和形狀的應用代碼

我們一般在交互模式和環(huán)境模式使用兩幅不同的背景圖片。環(huán)境模式下的背景一般是全黑的。Android Wear 設備的屏幕密度(hdpi)應該是 320 x 320 像素,這樣可以同時兼容方形和圓形設備。背景圖片的四角在圓形設備上是不可見的。在我們的代碼中,我們可以檢測到設備屏幕的尺寸。如果設備的分辨率比圖片的低,那么按比例縮小背景圖片。為了提高性能,我們應該只對背景圖片縮放一次并保存縮放后的 bitmap。

我們應該在需要時運行代碼來檢索上下文數(shù)據(jù)和保存結果,使得在每次繪制表盤的時候重用數(shù)據(jù)。例如,我們不需要每隔一分鐘去刷新一次天氣。

為了增加電池使用時間,在環(huán)境模式繪制表盤的應用代碼應該相對簡單。在環(huán)境模式下,我們通常用一組有限的顏色來繪制形狀的輪廓。在交互模式下,我們可以使用全色彩、復雜的形狀、漸變和動畫來繪制表盤。

后面的課程將會介紹如何詳細地實現(xiàn)表盤。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號