本文和大家重點(diǎn)學(xué)習(xí)一下Widget開發(fā)的概念，本例是為了實(shí)現(xiàn)一個(gè)手機(jī)Android平臺的Widget開發(fā)，該Widget中的內(nèi)容是根據(jù)輸入賬號從嘰歪網(wǎng)站上獲得得。當(dāng)然，這個(gè)過程需要嘰歪的API，得到信息后進(jìn)行處理并顯示出來。大體流程就是這樣。好了，進(jìn)入***步。

Android Widget開發(fā)系列（二）

該嘰歪賬號是測試賬號，用戶名是“students”，密碼是“111111”請不要擅自更改。

2.建立一個(gè)Widget
Androidreference中有關(guān)于如何建立一個(gè)Widget的詳細(xì)方法，這里簡要說明一下，詳情可以查看AndroidSDK中自帶的reference。

要建立一個(gè)Widget開發(fā)程序，分為如下幾個(gè)步驟：

（1）創(chuàng)建一個(gè)類，讓其繼承類AppWidgetProvider，在AppWidgetProvider中有許多方法，例如onDelete(Context,int[]),onEnable(Context)等，但一般情況下我們只是覆寫onUpdate(Context,AppWidgetManager,int[])方法。在該方法中，我們啟動(dòng)后臺服務(wù)的類，一般是啟動(dòng)Thread類或者Android中的Service類。在該類中我們進(jìn)行從服務(wù)器端獲得數(shù)據(jù)并進(jìn)行處理并在Widget中顯示。

（2）在你的AndroidMenifest.xml中添加一個(gè)receiver標(biāo)簽，讓其指向你的AppWidgetProvider子類。內(nèi)容如下：

<receiverandroid:namereceiverandroid:name="JiwaiWidget" 
android:label="@string/app_name" 
android:icon="@drawable/jiwai"> 
<intent-filter> 
<actionandroid:nameactionandroid:name="android.appwidget.action.APPWIDGET_UPDATE"/> 
</intent-filter> 
<meta-dataandroid:namemeta-dataandroid:name="android.appwidget.provider" 
android:resource="@xml/info"/> 
</receiver> 

對上面的代碼進(jìn)行解釋：
***行指定該Widget開發(fā)的接收者是JiwaiWidget，即你建立的AppWidgetProvider子類；
第二行指定該Widget的標(biāo)簽名稱，值為value目錄下string.xml中的app_name值；
第三行指定該Widget開發(fā)的圖標(biāo)，值為drawable目錄下jiwai圖片；
第四行-第六行是采用Android文檔中提供的；
第七行指定該Widget的描述者信息，該描述著中定義了Widget的相關(guān)信息，如該Widget的寬度、長度、自動(dòng)更新的間隔時(shí)間等信息，該描述位于xml目錄下的info.xml中。

（3）編寫你的Widget的provider文件信息（本例中是xml/info.xml）

<appwidget-providerxmlns:androidappwidget-providerxmlns:android="http://schemas.android.com/apk/res/android" 
android:minWidth="200dp" 
android:minHeight="90dp" 
android:updatePeriodMillis="43200000" 
android:initialLayout="@layout/appwidget" 
android:configure="com.lawrenst.jiwai.JiwaiConfigure"> 
</appwidget-provider> 

其中android:updatePeriodMillis是自動(dòng)更新的時(shí)間間隔，android:initialLayout是Widget的界面描述文件。Android:configure是可選的，如果你的Widget需要在啟動(dòng)時(shí)先啟動(dòng)一個(gè)Activity，則需要設(shè)定該項(xiàng)為你的Activity。本例中，需要你的嘀咕帳號和密碼，所以應(yīng)先顯示一個(gè)Activity，輸入你的賬號和密碼，然后將得到的信息在你的Widget中顯示。

（4）在layout目錄下編寫appwidget.xml文件，配置你的Widget的界面信息：

<?xmlversionxmlversion="1.0"encoding="UTF-8"?> 
<LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:orientation="vertical" 
android:id="@+id/widget" 
android:background="@drawable/title_a"> 
<LinearLayoutandroid:layout_widthLinearLayoutandroid:layout_width="fill_parent" 
android:orientation="horizontal" 
android:layout_height="wrap_content" 
android:background="@drawable/title"> 
<TextViewandroid:idTextViewandroid:id="@+id/username_display" 
android:textStyle="bold" 
android:layout_width="wrap_content" 
android:layout_height="fill_parent" 
android:textColor="#ffffff" 
android:textSize="15px" 
android:gravity="left|center_vertical" 
android:paddingLeft="6px"/> 
</LinearLayout> 
 
<LinearLayoutandroid:orientationLinearLayoutandroid:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 
 
<TextViewandroid:idTextViewandroid:id="@+id/text1" 
android:layout_width="fill_parent" 
android:textColor="#ffffff" 
android:textSize="12px" 
android:gravity="center_vertical|left" 
android:paddingLeft="6px" 
android:layout_height="30px"> 
</TextView> 
 
<TextViewandroid:idTextViewandroid:id="@+id/text2" 
android:textColor="#ffffff" 
android:layout_height="30px" 
android:gravity="center_vertical|left" 
android:textSize="12px" 
android:paddingLeft="6px" 
android:layout_width="fill_parent"> 
</TextView> 
</LinearLayout> 
</LinearLayout> 
 

該Widget中包括三個(gè)Textview，兩個(gè)用來顯示嘰歪的信息，一個(gè)用來顯示用戶名，上述代碼比較簡單，故不做解釋。

(5)由于需要一個(gè)Acvivity對象用來輸入賬戶信息，所以在layout目錄下新建一個(gè)login.xml，作為Activity的配置文件：

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
<LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
> 
<TextViewandroid:layout_widthTextViewandroid:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:text="@string/hello" 
android:textColor="#ff8c00" 
android:capitalize="characters" 
android:textStyle="bold"/> 
 
<LinearLayoutandroid:orientationLinearLayoutandroid:orientation="horizontal" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:gravity="center_horizontal"> 
 
<TextViewandroid:layout_widthTextViewandroid:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="@string/user" 
android:textColor="#ff8cff" 
android:capitalize="characters"/> 
 
<EditTextandroid:idEditTextandroid:id="@+id/username" 
android:layout_width="200px" 
android:layout_height="wrap_content"/> 
 
</LinearLayout> 
 
<LinearLayoutandroid:orientationLinearLayoutandroid:orientation="horizontal" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:gravity="center_horizontal"> 
 
<TextViewandroid:layout_widthTextViewandroid:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="@string/code" 
android:textColor="#ff8cff" 
android:capitalize="characters"/> 
 
<EditTextandroid:idEditTextandroid:id="@+id/password" 
android:layout_width="200px" 
android:layout_height="wrap_content" 
android:password="true"/> 
</LinearLayout> 
 
<LinearLayoutandroid:orientationLinearLayoutandroid:orientation="horizontal" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:gravity="center_horizontal"> 
 
<Button 
android:id="@+id/submit" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Submit" 
/> 
</LinearLayout> 
</LinearLayout> 
 

有兩個(gè)EditText用來輸入用戶名和密碼，另外還有一個(gè)Button對象。

準(zhǔn)備工作差不多了，下面就可以寫代碼了。