Android Widget開發詳解

作者：佚名 2011-09-09 20:14:58

Android Widget開發詳解是本文要介紹的內容，本例是為了實現一個手機Android平臺的Widget開發，該Widget中的內容是根據輸入賬號從嘰歪網站上獲得得。

Android Widget開發詳解是本文要介紹的內容，主要是來了解并學習Widget開發的概念，本例是為了實現一個手機Android平臺的Widget開發，該Widget中的內容是根據輸入賬號從嘰歪網站上獲得得。當然，這個過程需要嘰歪的API，得到信息后進行處理并顯示出來。大體流程就是這樣。好了，進入***步。

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

2、建立一個Widget

Androidreference中有關于如何建立一個Widget的詳細方法，這里簡要說明一下，詳情可以查看AndroidSDK中自帶的reference。

要建立一個Widget開發程序，分為如下幾個步驟：

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

(2)在你的AndroidMenifest.xml中添加一個receiver標簽，讓其指向你的AppWidgetProvider子類。內容如下：

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

對上面的代碼進行解釋：

***行指定該Widget開發的接收者是JiwaiWidget，即你建立的AppWidgetProvider子類;

第二行指定該Widget的標簽名稱，值為value目錄下string.xml中的app_name值;

第三行指定該Widget開發的圖標，值為drawable目錄下jiwai圖片;

第四行-第六行是采用Android文檔中提供的;

第七行指定該Widget的描述者信息，該描述著中定義了Widget的相關信息，如該Widget的寬度、長度、自動更新的間隔時間等信息，該描述位于xml目錄下的info.xml中。

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

<appwidget-provider xmlns: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>     
<appwidget-provider xmlns: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是自動更新的時間間隔，android:initialLayout是Widget的界面描述文件。Android:configure是可選的，如果你的Widget需要在啟動時先啟動一個Activity，則需要設定該項為你的Activity。本例中，需要你的嘀咕帳號和密碼，所以應先顯示一個Activity，輸入你的賬號和密碼，然后將得到的信息在你的Widget中顯示。

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

<?xml version="1.0" encoding="UTF-8"?>     
    <LinearLayout xmlns: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">     
    <LinearLayout android:layout_width="fill_parent"     
    android:orientation="horizontal"     
    android:layout_height="wrap_content"     
    android:background="@drawable/title">     
    <TextView android: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>     
    <LinearLayout android:orientation="vertical"     
    android:layout_width="fill_parent"     
    android:layout_height="fill_parent">     
         
    <TextView android: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>     
         
    <TextView android: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>     
<?xml version="1.0" encoding="UTF-8"?>   
    <LinearLayout xmlns: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">   
    <LinearLayout android:layout_width="fill_parent"   
    android:orientation="horizontal"   
    android:layout_height="wrap_content"   
    android:background="@drawable/title">   
    <TextView android: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>   
    <LinearLayout android:orientation="vertical"   
    android:layout_width="fill_parent"   
    android:layout_height="fill_parent">   
       
    <TextView android: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>   
       
    <TextView android: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中包括三個Textview，兩個用來顯示嘰歪的信息，一個用來顯示用戶名，上述代碼比較簡單，故不做解釋。

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

<?xml version="1.0" encoding="utf-8"?>     
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     
    android:orientation="vertical"     
    android:layout_width="fill_parent"     
    android:layout_height="fill_parent"     
    >     
    <TextView android:layout_width="fill_parent"     
    android:layout_height="wrap_content"     
    android:text="@string/hello"     
    android:textColor="#ff8c00"     
    android:capitalize="characters"     
    android:textStyle="bold"/>     
         
    <LinearLayout android:orientation="horizontal"     
    android:layout_width="fill_parent"     
    android:layout_height="wrap_content"     
    android:gravity="center_horizontal">     
         
    <TextView android:layout_width="wrap_content"     
    android:layout_height="wrap_content"     
    android:text="@string/user"     
    android:textColor="#ff8cff"     
    android:capitalize="characters"/>     
         
    <EditText android:id="@+id/username"     
    android:layout_width="200px"     
    android:layout_height="wrap_content"/>     
         
    </LinearLayout>     
         
    <LinearLayout android:orientation="horizontal"     
    android:layout_width="fill_parent"     
    android:layout_height="wrap_content"     
    android:gravity="center_horizontal">     
         
    <TextView android:layout_width="wrap_content"     
    android:layout_height="wrap_content"     
    android:text="@string/code"     
    android:textColor="#ff8cff"     
    android:capitalize="characters"/>     
         
    <EditText android:id="@+id/password"     
    android:layout_width="200px"     
    android:layout_height="wrap_content"     
    android:password="true"/>     
    </LinearLayout>     
         
    <LinearLayout android: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>    
<?xml version="1.0" encoding="utf-8"?>   
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
    android:orientation="vertical"   
    android:layout_width="fill_parent"   
    android:layout_height="fill_parent"   
    >   
    <TextView android:layout_width="fill_parent"   
    android:layout_height="wrap_content"   
    android:text="@string/hello"   
    android:textColor="#ff8c00"   
    android:capitalize="characters"   
    android:textStyle="bold"/>   
       
    <LinearLayout android:orientation="horizontal"   
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"   
    android:gravity="center_horizontal">   
       
    <TextView android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="@string/user"   
    android:textColor="#ff8cff"   
    android:capitalize="characters"/>   
       
    <EditText android:id="@+id/username"   
    android:layout_width="200px"   
    android:layout_height="wrap_content"/>   
       
    </LinearLayout>   
       
    <LinearLayout android:orientation="horizontal"   
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"   
    android:gravity="center_horizontal">   
       
    <TextView android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="@string/code"   
    android:textColor="#ff8cff"   
    android:capitalize="characters"/>   
       
    <EditText android:id="@+id/password"   
    android:layout_width="200px"   
    android:layout_height="wrap_content"   
    android:password="true"/>   
    </LinearLayout>   
       
    <LinearLayout android: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>

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

小結：Android Widget開發詳解是本文要介紹的內容，主要是來了解Android Widget內容的學習能對你有所幫助！

責任編輯：zhaolei 來源： CSDN博客

Android Widget