Android Widget開發詳解 – Android移動開發技術文章_手機開發 Android移動開發教學課程

本文和大傢重點學習一下Widget開發的概念,本例是為瞭實現一個手機Android平臺的Widget開發,該Widget中的內容是根據輸入賬號從嘰歪網站上獲得得。當然,這個過程需要嘰歪的API,得到信息後進行處理並顯示出來。大體流程就是這樣。好瞭,進入第一步。
  Android Widget開發系列(二)
  該嘰歪賬號是測試賬號,用戶名是“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子類。內容如下:
<!–

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

–>   1. <receiverandroid:namereceiverandroid:name="JiwaiWidget"
   2. android:label="@string/app_name"
   3. android:icon="@drawable/jiwai">
   4. <intent-filter>
   5. <actionandroid:nameactionandroid:name="
   android.appwidget.action.APPWIDGET_UPDATE"/>
   6. </intent-filter>
   7. <meta-dataandroid:namemeta-dataandroid:name="android.appwidget.provider"
   8. android:resource="@xml/info"/>
   9. </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)
<!–

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

–> <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是自動更新的時間間隔,android:initialLayout是Widget的界面描述文件。Android:configure是可選的,如果你的Widget需要在啟動時先啟動一個Activity,則需要設定該項為你的Activity。本例中,需要你的嘀咕帳號和密碼,所以應先顯示一個Activity,輸入你的賬號和密碼,然後將得到的信息在你的Widget中顯示。
  (4)在layout目錄下編寫appwidget.xml文件,配置你的Widget的界面信息:
<!–

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

–>xmlversionxmlversion="1.0"encoding="UTF-8"?>
LinearLayoutxmlns:androidLinearLayoutxmlns:android=
"http://schemas.android.om/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_paren"
 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中包括三個Textview,兩個用來顯示嘰歪的信息,一個用來顯示用戶名,上述代碼比較簡單,故不做解釋。
 
  (5)由於需要一個Acvivity對象用來輸入賬戶信息,所以在layout目錄下新建一個login.xml,作為Activity的配置文件:
<!–

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

–><?xmlversionxmlversion="1.0"encoding="utf-8"?>
 LinearLayoutxmlns:androidLinearLayoutxmlns:android=
"http://schemas.android.om/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>
  有兩個EditText用來輸入用戶名和密碼,另外還有一個Button對象。
  準備工作差不多瞭,下面就可以寫代碼瞭。

 

本文出自“知識海洋”
 

發佈留言