解析Android Widget設(shè)計(jì)指南學(xué)習(xí)入門
Android Widget設(shè)計(jì)指南入門學(xué)習(xí)是本文要介紹的內(nèi)容，主要是來了解并學(xué)習(xí)Android Widget設(shè)計(jì)思路，具體內(nèi)容來看本文詳解。
Widget是Android 1.5版所引進(jìn)的特性之一.Widget,可讓用戶在主屏幕界面及時(shí)了解程序顯示的重要信息.標(biāo)準(zhǔn)的Android系統(tǒng)已包含幾個(gè)Widget的示例,如模擬時(shí)鐘,音樂播放器等.
用戶在主屏幕(HomeScreen)界面的空白區(qū)域長按,選擇菜單的”小部件”項(xiàng),即可隨意選取所需的部件并顯示在主屏幕上.
此文檔介紹了如何設(shè)計(jì)一個(gè)Widget,使得和其它Widget以及主屏幕其它元素保持美觀一致.Android團(tuán)隊(duì)也于此文檔介紹了Widget源圖的一些設(shè)計(jì)標(biāo)準(zhǔn),還有Widget制圖的技巧訣竅.
對于開發(fā)Widget的相關(guān)信息,可參考開發(fā)者指南的AppWidgets章節(jié)和AppWidgets博客.
標(biāo)準(zhǔn)Android Widget設(shè)計(jì)剖析
典型的AndroidWidget設(shè)計(jì)主要有三個(gè)組成部分:一個(gè)限位框,一個(gè)框架,還有Widget的圖形控件以及其它元素.設(shè)計(jì)周全的Widget會(huì)在限位框邊緣&框架之間,及框架內(nèi)邊緣&Widget的控件之間都保留一些內(nèi)填充(內(nèi)補(bǔ)白).Widget的外觀被設(shè)計(jì)得與主屏幕的其它Widget相匹配,并以主屏幕的其它元素為依據(jù)對齊;它們亦使用標(biāo)準(zhǔn)的陰影效果.此文檔說明了所有的相關(guān)細(xì)節(jié).
498)this.width=498;">
標(biāo)準(zhǔn)Widget尺寸(縱向)
498)this.width=498;">
標(biāo)準(zhǔn)Widget尺寸(橫向)
設(shè)計(jì)一個(gè)Widget
為你的Android Widget設(shè)計(jì)選擇限位框尺寸.
最有效的Widget會(huì)以最小型的尺寸來顯示程序有用或及時(shí)的數(shù)據(jù).用戶會(huì)衡量Widget的有用性或它所占的屏幕空間,因此越小越好.
所有Widget必須符合限位框的六種尺寸之一,或者更好的是,或更好的是在一對縱向和橫向的方位尺寸里,這樣在用戶切換屏幕方向時(shí),你的Widget看起來也會(huì)更舒適.
標(biāo)準(zhǔn)Widget尺寸以圖例說明了六種Widget尺寸的限位規(guī)格(三種縱向三種橫向).
選擇匹配的框架.
標(biāo)準(zhǔn)Widget框架以圖例說明了六種Widget尺寸的標(biāo)準(zhǔn)框架,你可以下載此鏈接的副本備用.你的Widget并非都必須使用這些框架,但若你用了,你的Widget可能與其它Widget看起來更一致.
對圖形應(yīng)用標(biāo)準(zhǔn)陰影效果.
此外,你并非必須使用此效果,但標(biāo)準(zhǔn)Widget陰影說明了標(biāo)準(zhǔn)Widget使用的Photoshop設(shè)置.
若你的Widget包含按鈕,需繪制按鈕的三種狀態(tài)(默認(rèn),按下,被選中).
你可以下載一個(gè)音樂Widget播放按鈕的Photoshop文件(包含三種狀態(tài)),用來分析三種標(biāo)準(zhǔn)按鈕效果的Photoshop設(shè)置.
1.完成源圖的繪制并調(diào)整比例和對齊.
Widget對齊技巧訣竅介紹了一些對齊標(biāo)準(zhǔn)框架內(nèi)Widget圖形的技巧,另外還有一些其它Widget圖形竅門.
2.以正確的圖形文件設(shè)置保存你的Widget.
Windows圖形文件格式介紹了如何正確設(shè)置你的Widget圖形文件.
標(biāo)準(zhǔn)Android Widget設(shè)計(jì)尺寸
這里有六種基于4x4(縱向)或4x4(橫向)單元的主屏幕網(wǎng)格的標(biāo)準(zhǔn)Widget尺寸.這些規(guī)格為六種標(biāo)準(zhǔn)Widget尺寸的限位框.這些尺度是六種標(biāo)準(zhǔn)Widget尺寸限位框.典型Widget的內(nèi)容并不繪制這些尺度的邊緣線,但在限位框里填充一個(gè)框架正如設(shè)計(jì)一個(gè)Widget所說到的.
縱向方位時(shí),每個(gè)單元寬80像素高100像素(下圖展示了一個(gè)縱向方位的單元).縱向方位支持的三種Widget尺寸為:
橫向方位時(shí),每個(gè)單元寬106像素高74像素.橫向方位支持的三種Widget尺寸為:
