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)

 <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的界面信息:

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的配置文件:

<?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对象。

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


来源:博客园

上一篇: Android用户界面设计:使用片段

下一篇: android软键盘的显示后隐藏

分享到: 更多