Widget組件及設(shè)計(jì)介紹是本文要介紹的內(nèi)容，主要是來了解并學(xué)習(xí)Widget的內(nèi)容，具體關(guān)于Widget內(nèi)容的學(xué)習(xí)來看本文詳解，以下僅代表個(gè)人的想法，僅供大家參考，如有不對(duì)之處請(qǐng)大家指出，這也是我調(diào)研的結(jié)果，加以總結(jié)。

我們可以看到Widget是一種展示在手機(jī)主屏的一種快速瀏覽的一個(gè)插件。

Widget的應(yīng)用很廣，可以應(yīng)用到WEB、桌面和手機(jī)端。例如操作系統(tǒng)上的時(shí)鐘、天氣、資訊的小插件都屬于Widget。

現(xiàn)在的智能手機(jī)就相當(dāng)于一智能電腦，其桌面也可以填充格式各樣的Widget，這里AndroidSDK1.5以上就提供了對(duì)Widget非常好的支持。

Widget有幾大特點(diǎn)

1、身材微：一般的它們都比較小，在終端上嵌入十分的方便，運(yùn)行快速。

2、形式多：Widget的展現(xiàn)形式多，可以自定義樣式，如幻燈秀、視頻、地圖、新聞、小游戲等..

3、個(gè)性化：可以在桌面上展示個(gè)性化的服務(wù)，根據(jù)自己的需求來排列、顯示。也可以設(shè)置一些widget的顯示形式和更新頻率。

4、連動(dòng)性：對(duì)于一個(gè)主應(yīng)用程序，其相當(dāng)于是一個(gè)桌面窗口一樣和主程序在實(shí)時(shí)連動(dòng)，可以顯示一些主要的信息內(nèi)容，在不必要時(shí)不需要進(jìn)入主程序。

Android上主流的一些APPWidget應(yīng)用:

其中包括新浪微博、人人網(wǎng)、小米讀書、墨跡天氣、開關(guān)控件、QQ、日期等一些的應(yīng)用。

Android上是怎么實(shí)現(xiàn)APPWidget的

實(shí)際上在Android發(fā)開包中，它把所有的一些控件包括button、txtarea、menu等等都叫做Widget，而我們實(shí)際上說的Widget是屬于APPWidget（APPLIACTION），這個(gè)只要大家了解一下就可以了。

Widget的實(shí)現(xiàn)對(duì)于Android上并不是什么難事，在AndroidSDK1.5版本的時(shí)候就已經(jīng)推出了Widget的功能，并且Android手機(jī)也自帶了許多插件，雖然有些并不是很個(gè)性，美觀，但是我們還可以選擇很多第三方開發(fā)的Widget來個(gè)性化自己的桌面。

Android上的APPWidget設(shè)計(jì)

首先設(shè)計(jì)尺寸規(guī)則有一個(gè)公示：最小尺寸（dip）=（格子數(shù)*74）-2

所謂的格子數(shù)就是指.主屏分為4X4的格子根據(jù)自己設(shè)計(jì)占的格子數(shù)來創(chuàng)建的。

標(biāo)準(zhǔn)Widget剖析

典型的AndroidWidget主要有三個(gè)組成部分:一個(gè)限位框,一個(gè)框架,還有Widget的圖形控件以及其它元素.設(shè)計(jì)周全的Widget會(huì)在限位框邊緣&框架之間,及框架內(nèi)邊緣&Widget的控件之間都保留一些內(nèi)填充(內(nèi)補(bǔ)白).Widget的外觀被設(shè)計(jì)得與主屏幕的其它Widget相匹配,并以主屏幕的其它元素為依據(jù)對(duì)齊;它們亦使用標(biāo)準(zhǔn)的陰影效果.此文檔說明了所有的相關(guān)細(xì)節(jié).

標(biāo)準(zhǔn)Widget尺寸(縱向)

標(biāo)準(zhǔn)Widget尺寸(橫向)

設(shè)計(jì)一個(gè)Widget

為你的Widget選擇限位框尺寸.

最有效的Widget會(huì)以最小型的尺寸來顯示程序有用或及時(shí)的數(shù)據(jù).用戶會(huì)衡量Widget的有用性或它所占的屏幕空間,因此越小越好.

所有Widget必須符合限位框的六種尺寸之一,或者更好的是,或更好的是在一對(duì)縱向和橫向的方位尺寸里,這樣在用戶切換屏幕方向時(shí),你的Widget看起來也會(huì)更舒適.

標(biāo)準(zhǔn)Widget尺寸以圖例說明了六種Widget尺寸的限位規(guī)格(三種縱向三種橫向).

選擇匹配的框架.

標(biāo)準(zhǔn)Widget框架以圖例說明了六種Widget尺寸的標(biāo)準(zhǔn)框架,你可以下載此鏈接的副本備用.你的Widget并非都必須使用這些框架,但若你用了,你的Widget可能與其它Widget看起來更一致.

對(duì)圖形應(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è)置.

標(biāo)準(zhǔn)Widget尺寸

這里有六種基于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尺寸為:

標(biāo)準(zhǔn)Widget框架

針對(duì)六種標(biāo)準(zhǔn)Widget尺寸這里有標(biāo)準(zhǔn)的框架.你可以在以下內(nèi)容點(diǎn)擊框架圖片來下載該框架的Photoshop文件用在你的Widget上.

4x1_Widget_Frame_Portrait.psd

3x3_Widget_Frame_Portrait.psd

2x2_Widget_Frame_Portrait.psd

4x1_Widget_Frame_Landscape.psd

3x3_Widget_Frame_Landscape.psd

2x2_Widget_Frame_Landscape.psd

小結(jié)：

詳解Widget組件及設(shè)計(jì)介紹的內(nèi)容介紹完了，希望通過Widget內(nèi)容的學(xué)習(xí)能對(duì)你有所幫助！