Android 設(shè)計(jì)表盤

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

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

這節(jié)課總結(jié)了設(shè)計(jì)表盤需要考慮的因素和通用準(zhǔn)則。更多關(guān)于這方面的內(nèi)容，請(qǐng)見 Watch Faces for Android Wear 設(shè)計(jì)指引。

遵守設(shè)計(jì)準(zhǔn)側(cè)

當(dāng)我們?cè)O(shè)計(jì)表盤的外觀和表盤需要向用戶表達(dá)哪些類型的信息的時(shí)候，請(qǐng)考慮一下這些設(shè)計(jì)準(zhǔn)側(cè)：

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

我們的設(shè)計(jì)應(yīng)該可以運(yùn)行在方形和圓形的 Android Wear 設(shè)備上，包括那些使用感知形狀的 Layout 的設(shè)備。

支持所有的顯示模式

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

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

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

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

我們的設(shè)計(jì)應(yīng)該確保系統(tǒng)指示圖標(biāo)可見，當(dāng) notification cards 出現(xiàn)在屏幕上的時(shí)候用戶還可以看到時(shí)間。

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

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

提供設(shè)置選項(xiàng)

我們可以讓用戶配置可穿戴應(yīng)用或者 Android Wear 配套應(yīng)用上某些設(shè)計(jì)特征（如顏色和尺寸）。

Figure 1. 表盤的例子.

更多關(guān)于 Android Wear 表盤的設(shè)計(jì)，請(qǐng)見 Watch Faces for Android Wear 設(shè)計(jì)指引。

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

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

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

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

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

為了增加電池使用時(shí)間，在環(huán)境模式繪制表盤的應(yīng)用代碼應(yīng)該相對(duì)簡(jiǎn)單。在環(huán)境模式下，我們通常用一組有限的顏色來(lái)繪制形狀的輪廓。在交互模式下，我們可以使用全色彩、復(fù)雜的形狀、漸變和動(dòng)畫來(lái)繪制表盤。

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