Android 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內容的學習能對你有所幫助!