Android Widget开发学习教程(二)

移动开发
Android Widget开发学习教程是本文要介绍的内容,主要是来了解并学习Android Widget的应用,具体内容的详解来看本文。

Android Widget开发学习教程是本文要介绍的内容,主要是来了解并学习Android Widget的应用,继续 Android Widget开发学习笔记(一)继续讲解。本文具体内容的实现来看本文详解。

为了实现一个手机Android平台的Widget,该Widget中的内容是根据输入账号从叽歪网站上获得得。当然,这个过程需要叽歪的API,得到信息后进行处理并显示出来。大体流程就是这样。好了,进入第一步。

该叽歪账号是测试账号,用户名是“students”,密码是“111111” 请不要擅自更改。

2. 建立一个Widget

Android reference中有关于如何建立一个Widget的详细方法,这里简要说明一下,详情可以查看Android SDK中自带的reference。

要建立一个Widget,分为如下几个步骤:

(1) 创建一个类,让其继承类AppWidgetProvider,在AppWidgetProvider中有许多方法,例如onDelete(Context,int[]),onEnable(Context)等,但一般情况下我们只是覆写onUpdate(Context,AppWidgetManager,int[])方法。在该方法中,我们启动后台服务的类,一般是启动Thread类或者Android中的Service类。在该类中我们进行从服务器端获得数据并进行处理并在Widget中显示。

(2) 在你的AndroidMenifest.xml中添加一个receiver标签,让其指向你的AppWidgetProvider子类。内容如下:

  1. <receiver android:name="JiwaiWidget"   
  2. android:label="@string/app_name"   
  3. android:icon="@drawable/jiwai">   
  4. <intent-filter>   
  5. <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />   
  6. </intent-filter>   
  7. <meta-data android: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-provider xmlns: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. <?xml version="1.0" encoding="UTF-8"?>   
  2. <LinearLayout xmlns: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. <LinearLayout android:layout_width="fill_parent"   
  9. android:orientation="horizontal"   
  10. android:layout_height="wrap_content"   
  11. android:background="@drawable/title">   
  12. <TextView android: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. <LinearLayout android:orientation="vertical"   
  23. android:layout_width="fill_parent"   
  24. android:layout_height="fill_parent">   
  25.  
  26. <TextView android: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. <TextView android: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. <?xml version="1.0" encoding="utf-8"?>   
  2. <LinearLayout xmlns: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. <TextView android: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. <LinearLayout android:orientation="horizontal"   
  15. android:layout_width="fill_parent"   
  16. android:layout_height="wrap_content"   
  17. android:gravity="center_horizontal">   
  18.  
  19. <TextView android: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. <EditText android:id="@+id/username"   
  26. android:layout_width="200px"   
  27. android:layout_height="wrap_content" />   
  28.  
  29. </LinearLayout>   
  30.  
  31. <LinearLayout android:orientation="horizontal"   
  32. android:layout_width="fill_parent"   
  33. android:layout_height="wrap_content"   
  34. android:gravity="center_horizontal">   
  35.  
  36. <TextView android: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. <EditText android:id="@+id/password"   
  43. android:layout_width="200px"   
  44. android:layout_height="wrap_content"   
  45. android:password="true" />   
  46. </LinearLayout>   
  47.  
  48. <LinearLayout android: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对象。

小结:Android Widget开发学习教程的内容介绍完了,希望通过Android Widget内容的学习能对你有帮助!

责任编辑:zhaolei 来源: iteye
相关推荐

2011-09-07 13:42:36

Android Wid实例

2011-09-07 10:34:48

Android Wid

2011-09-07 11:15:25

2011-09-09 16:38:51

Android Wid源码

2011-09-09 20:14:58

Android Wid

2010-07-13 09:02:19

Widget开发

2011-09-07 16:28:46

QT WidgetQWidget

2010-06-13 09:45:35

Widget开发

2011-09-07 17:54:40

Android Wid开发

2011-09-09 10:00:20

Android Wid开发

2010-07-23 08:54:02

2011-09-07 17:19:16

Web widget

2011-09-08 15:40:45

Android Wid组件

2011-09-08 13:11:07

Android Wid实例

2011-09-07 14:39:47

Android Wid设计

2011-09-08 09:38:46

HTML5 WidgeDojo

2013-12-26 15:18:09

Android开发安装开发环境

2011-09-07 14:25:53

Android Wid设计

2011-09-09 11:05:56

Widget

2011-05-03 15:13:23

BlackBerryWidget
点赞
收藏

51CTO技术栈公众号