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

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