Android Widget开发详解

本文和大家重点学习一下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子类。内容如下：

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)

1. <appwidget-providerxmlns:androidappwidget-providerxmlns:android="http://schemas.android.com/apk/res/android"

2. android:minWidth="200dp"

3. android:minHeight="90dp"

4.android:updatePeriodMillis="43200000"

5.android:initialLayout="@layout/appwidget"

6. android:configure="com.lawrenst.jiwai.JiwaiConfigure">

7. </appwidget-provider>

　　其中android:updatePeriodMillis是自动更新的时间间隔，android:initialLayout是Widget的界面描述文件。Android:configure是可选的，如果你的Widget需要在启动时先启动一个Activity，则需要设定该项为你的Activity。本例中，需要你的嘀咕帐号和密码，所以应先显示一个Activity，输入你的账号和密码，然后将得到的信息在你的Widget中显示。

　　(4)在layout目录下编写appwidget.xml文件，配置你的Widget的界面信息：

1.<?xmlversionxmlversion="1.0"encoding="UTF-8"?>

2.<LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

3. android:layout_width="fill_parent"

4.android:layout_height="wrap_content"

5.android:orientation="vertical"

6. android:id="@+id/widget"

7.android:background="@drawable/title_a">

8.<LinearLayoutandroid:layout_widthLinearLayoutandroid:layout_width="fill_parent"

9. android:orientation="horizontal"

10.android:layout_height="wrap_content"

11.android:background="@drawable/title">

12.<TextViewandroid:idTextViewandroid:id="@+id/username_display"

13. android:textStyle="bold"

14.android:layout_width="wrap_content"

15. android:layout_height="fill_parent"

16. android:textColor="#ffffff"

17. android:textSize="15px"

18.android:gravity="left|center_vertical"

19.android:paddingLeft="6px"/>

20. </LinearLayout>

21.

22. <LinearLayoutandroid:orientationLinearLayoutandroid:orientation="vertical"

23.android:layout_width="fill_parent"

24.android:layout_height="fill_parent">

25.

26.<TextViewandroid:idTextViewandroid:id="@+id/text1"

27.android:layout_width="fill_parent"

28. android:textColor="#ffffff"

29. android:textSize="12px"

30.android:gravity="center_vertical|left"

31. android:paddingLeft="6px"

32.android:layout_height="30px">

33. </TextView>

34.

35.<TextViewandroid:idTextViewandroid:id="@+id/text2"

36. android:textColor="#ffffff"

37. android:layout_height="30px"

38.android:gravity="center_vertical|left"

39. android:textSize="12px"

40. android:paddingLeft="6px"

41.android:layout_width="fill_parent">

42. </TextView>

43. </LinearLayout>

44. </LinearLayout>

　　该Widget中包括三个Textview，两个用来显示叽歪的信息，一个用来显示用户名，上述代码比较简单，故不做解释。

　　(5)由于需要一个Acvivity对象用来输入账户信息，所以在layout目录下新建一个login.xml，作为Activity的配置文件：

1.<?xmlversionxmlversion="1.0"encoding="utf-8"?>

2. <LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

3.android:orientation="vertical"

4.android:layout_width="fill_parent"

5.android:layout_height="fill_parent"

6. >

7.<TextViewandroid:layout_widthTextViewandroid:layout_width="fill_parent"

8.android:layout_height="wrap_content"

9. android:text="@string/hello"

10. android:textColor="#ff8c00"

11.android:capitalize="characters"

12.android:textStyle="bold"/>

13.

14.<LinearLayoutandroid:orientationLinearLayoutandroid:orientation="horizontal"

15.android:layout_width="fill_parent"

16.android:layout_height="wrap_content"

17.android:gravity="center_horizontal">

18.

19.<TextViewandroid:layout_widthTextViewandroid:layout_width="wrap_content"

20. android:layout_height="wrap_content"

21. android:text="@string/user"

22. android:textColor="#ff8cff"

23.android:capitalize="characters"/>

24.

25.<EditTextandroid:idEditTextandroid:id="@+id/username"

26. android:layout_width="200px"

27.android:layout_height="wrap_content"/>

28.

29. </LinearLayout>

30.

31.<LinearLayoutandroid:orientationLinearLayoutandroid:orientation="horizontal"

32.android:layout_width="fill_parent"

33.android:layout_height="wrap_content"

34.android:gravity="center_horizontal">

35.

36. <TextViewandroid:layout_widthTextViewandroid:layout_width="wrap_content"

37.android:layout_height="wrap_content"

38. android:text="@string/code"

39. android:textColor="#ff8cff"

40.android:capitalize="characters"/>

41.

42. <EditTextandroid:idEditTextandroid:id="@+id/password"

43. android:layout_width="200px"

44.android:layout_height="wrap_content"

45. android:password="true"/>

46. </LinearLayout>

47.

48.<LinearLayoutandroid:orientationLinearLayoutandroid:orientation="horizontal"

49. android:layout_width="fill_parent"

50.android:layout_height="wrap_content"

51.android:gravity="center_horizontal">

52.

53. <Button

54. android:id="@+id/submit"

55.android:layout_width="wrap_content"

56.android:layout_height="wrap_content"

57. android:text="Submit"

58. />

59. </LinearLayout>

60. </LinearLayout>

　　有两个EditText用来输入用户名和密码，另外还有一个Button对象。

　　准备工作差不多了，下面就可以写代码了。