Chinaunix首页 | 论坛 | 博客
  • 博客访问: 622463
  • 博文数量: 90
  • 博客积分: 2084
  • 博客等级: 大尉
  • 技术积分: 1545
  • 用 户 组: 普通用户
  • 注册时间: 2011-05-17 21:20
文章分类

全部博文(90)

文章存档

2012年(68)

2011年(22)

分类:

2012-06-14 10:59:52

原文地址:Android Widget开发详解 作者:阿4is痞男

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子类。内容如下:

  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>     
  10. <receiver android:name="JiwaiWidget"   
  11.     android:label="@string/app_name"   
  12.     android:icon="@drawable/jiwai">   
  13.     <intent-filter>   
  14.     <action android:name="android.appwidget.action.APPWIDGET_UPDATE"/>   
  15.     intent-filter>   
  16.     <meta-data android:name="android.appwidget.provider"   
  17.     android:resource="@xml/info"/>   
  18.     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>     
  8. <appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"   
  9.     android:minWidth="200dp"   
  10.     android:minHeight="90dp"   
  11.     android:updatePeriodMillis="43200000"   
  12.     android:initialLayout="@layout/appwidget"   
  13.     android:configure="com.lawrenst.jiwai.JiwaiConfigure">   
  14.     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.     <LinearLayout android:orientation="vertical"     
  22.     android:layout_width="fill_parent"     
  23.     android:layout_height="fill_parent">     
  24.          
  25.     <TextView android:id="@+id/text1"     
  26.     android:layout_width="fill_parent"     
  27.     android:textColor="#ffffff"     
  28.     android:textSize="12px"     
  29.     android:gravity="center_vertical|left"     
  30.     android:paddingLeft="6px"     
  31.     android:layout_height="30px">     
  32.     TextView>     
  33.          
  34.     <TextView android:id="@+id/text2"     
  35.     android:textColor="#ffffff"     
  36.     android:layout_height="30px"     
  37.     android:gravity="center_vertical|left"     
  38.     android:textSize="12px"     
  39.     android:paddingLeft="6px"     
  40.     android:layout_width="fill_parent">     
  41.     TextView>     
  42.     LinearLayout>     
  43.     LinearLayout>     
  44. xml version="1.0" encoding="UTF-8"?>   
  45.     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
  46.     android:layout_width="fill_parent"   
  47.     android:layout_height="wrap_content"   
  48.     android:orientation="vertical"   
  49.     android:id="@+id/widget"   
  50.     android:background="@drawable/title_a">   
  51.     <LinearLayout android:layout_width="fill_parent"   
  52.     android:orientation="horizontal"   
  53.     android:layout_height="wrap_content"   
  54.     android:background="@drawable/title">   
  55.     <TextView android:id="@+id/username_display"   
  56.     android:textStyle="bold"   
  57.     android:layout_width="wrap_content"   
  58.     android:layout_height="fill_parent"   
  59.     android:textColor="#ffffff"   
  60.     android:textSize="15px"   
  61.     android:gravity="left|center_vertical"   
  62.     android:paddingLeft="6px"/>   
  63.     LinearLayout>   
  64.     <LinearLayout android:orientation="vertical"   
  65.     android:layout_width="fill_parent"   
  66.     android:layout_height="fill_parent">   
  67.        
  68.     <TextView android:id="@+id/text1"   
  69.     android:layout_width="fill_parent"   
  70.     android:textColor="#ffffff"   
  71.     android:textSize="12px"   
  72.     android:gravity="center_vertical|left"   
  73.     android:paddingLeft="6px"   
  74.     android:layout_height="30px">   
  75.     TextView>   
  76.        
  77.     <TextView android:id="@+id/text2"   
  78.     android:textColor="#ffffff"   
  79.     android:layout_height="30px"   
  80.     android:gravity="center_vertical|left"   
  81.     android:textSize="12px"   
  82.     android:paddingLeft="6px"   
  83.     android:layout_width="fill_parent">   
  84.     TextView>   
  85.     LinearLayout>   
  86.     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>    
  61. xml version="1.0" encoding="utf-8"?>   
  62.     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
  63.     android:orientation="vertical"   
  64.     android:layout_width="fill_parent"   
  65.     android:layout_height="fill_parent"   
  66.     >   
  67.     <TextView android:layout_width="fill_parent"   
  68.     android:layout_height="wrap_content"   
  69.     android:text="@string/hello"   
  70.     android:textColor="#ff8c00"   
  71.     android:capitalize="characters"   
  72.     android:textStyle="bold"/>   
  73.        
  74.     <LinearLayout android:orientation="horizontal"   
  75.     android:layout_width="fill_parent"   
  76.     android:layout_height="wrap_content"   
  77.     android:gravity="center_horizontal">   
  78.        
  79.     <TextView android:layout_width="wrap_content"   
  80.     android:layout_height="wrap_content"   
  81.     android:text="@string/user"   
  82.     android:textColor="#ff8cff"   
  83.     android:capitalize="characters"/>   
  84.        
  85.     <EditText android:id="@+id/username"   
  86.     android:layout_width="200px"   
  87.     android:layout_height="wrap_content"/>   
  88.        
  89.     LinearLayout>   
  90.        
  91.     <LinearLayout android:orientation="horizontal"   
  92.     android:layout_width="fill_parent"   
  93.     android:layout_height="wrap_content"   
  94.     android:gravity="center_horizontal">   
  95.        
  96.     <TextView android:layout_width="wrap_content"   
  97.     android:layout_height="wrap_content"   
  98.     android:text="@string/code"   
  99.     android:textColor="#ff8cff"   
  100.     android:capitalize="characters"/>   
  101.        
  102.     <EditText android:id="@+id/password"   
  103.     android:layout_width="200px"   
  104.     android:layout_height="wrap_content"   
  105.     android:password="true"/>   
  106.     LinearLayout>   
  107.        
  108.     <LinearLayout android:orientation="horizontal"   
  109.     android:layout_width="fill_parent"   
  110.     android:layout_height="wrap_content"   
  111.     android:gravity="center_horizontal">   
  112.        
  113.     <Button   
  114.     android:id="@+id/submit"   
  115.     android:layout_width="wrap_content"   
  116.     android:layout_height="wrap_content"   
  117.     android:text="Submit"   
  118.     />   
  119.     LinearLayout>   
  120.     LinearLayout> 

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

小结:Android Widget开发详解是本文要介绍的内容,主要是来了解Android Widget内容的学习能对你有所帮助!

阅读(1487) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册