第三十五講：App Widget入門指南

macgg · 發(fā)表于 2013-8-28 16:27

>　　本講內(nèi)容: Android中桌面小部件、App Widget的開發(fā)入門指導(dǎo)一、Widget 、App Widget 、Web App 的概念Widget最初的概念是98年一個(gè)叫Rose的蘋果工程師提出，直到2003年的時(shí)候才正式為大家所知，不過(guò)隨后無(wú)數(shù)大公司都開始接受并應(yīng)用這一思路?，F(xiàn)在我們看到在蘋果系統(tǒng)里按下F4彈出的Dashboard里的小工具叫Widget，在Windows 7里側(cè)邊欄上的那些漂亮的小工具叫Gadget（widget變體?），除此以外還有yahoo Widget等等Widget產(chǎn)品。他們有一個(gè)共同的特點(diǎn)就是采用前臺(tái)Web開發(fā)用的技術(shù)（譬如HTML、CSS、Javascript）來(lái)制作的小工具、小部件。

　　在Android系統(tǒng)里，幾乎每個(gè)可視化的View組件都叫Widget，起這個(gè)名字可能當(dāng)時(shí)是為了趕時(shí)髦。

　　App Widget是從Android 1.5以后才有的東東，就是可以放在Android桌面上的應(yīng)用程序小組件。這一點(diǎn)上看他的功能很像windows的側(cè)邊欄小工具，可惜的是他的采用技術(shù)并不是HTML等技術(shù)。當(dāng)然App Widget才是我們本講的主角，本來(lái)他應(yīng)該順理成章叫做Widget的，至少也要叫做Gadget吧，可惜這個(gè)名字已經(jīng)被他自己的系統(tǒng)占用了，所以只好改名叫App Widget。

　　最后講一下Web App 或者說(shuō)是Android Web Application，也許叫 mobile web application 更準(zhǔn)確些。我們發(fā)現(xiàn)現(xiàn)在智能機(jī)系統(tǒng)平臺(tái)很多，譬如iOS、Android、Windows Phone 、WebOS、BlackBerry等等，它們采用的技術(shù)框架也各不相同，有沒有辦法寫一個(gè)程序在各個(gè)系統(tǒng)上都能運(yùn)行呢？答案是肯定的，寫基于Webkit的瀏覽器的應(yīng)用即可。我們使用 HTML5、CSS3、JavaScript、WebKit 等技術(shù)來(lái)寫的Web Application也許是今后的一個(gè)大潮流也說(shuō)不準(zhǔn)啊。有機(jī)會(huì)我們?cè)僦v講Android Web Application 的開發(fā)。

　　二、APP Widget 的簡(jiǎn)單例子： Hello App Widget！

　　App Widget的技術(shù)實(shí)現(xiàn)有那么一點(diǎn)點(diǎn)繞，我們用一個(gè)最簡(jiǎn)單的例子HelloAppWidget來(lái)操作一遍，然后再針對(duì)這個(gè)例子做講解，也許你會(huì)理解的更快些。

　　1、新建一個(gè)項(xiàng)目 Lesson35_HelloAppWidget ，注意創(chuàng)建時(shí)可以不選Create Activity

　　2、準(zhǔn)備好一個(gè)Widget的顯示布局文件 layout/widget.xml 內(nèi)容如下：

<?xml version="1.0" encoding="utf-8"?>
<linearlayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android" android:gravity="center">
<textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/textView1" android:text="歡迎進(jìn)入App Widget的世界！" android:textcolor="#ff0000ff">
</textview></linearlayout>

復(fù)制代碼

　　3、準(zhǔn)備好一個(gè)Widget的配置文件 xml/provider_info.xml，該文件配置了widget可以占用的屏幕長(zhǎng)寬、更新頻率，所顯示的布局文件(就是上面的那個(gè)布局文件)等，其內(nèi)容如下：

<?xml version="1.0" encoding="utf-8"?>






<appwidget -provider="" xmlns:android="http://schemas.android.com/apk/res/android" android:initiallayout="@layout/widget" android:updateperiodmillis="86400000" android:minheight="72dp" android:minwidth="294dp">
</appwidget>

復(fù)制代碼

　　4、準(zhǔn)備好一個(gè)處理widget請(qǐng)求的Java文件，basic.android.lesson35包下的HelloWidgetProvider，他繼承了AppWidgetProvider類，在本例中沒有任何請(qǐng)求處理的具體代碼，我在java文件中寫了大量注釋，方便你的理解。內(nèi)容如下：

package basic.android.lesson35;

import android.appwidget.AppWidgetManager;
import android.appwidget.AppWidgetProvider;
import android.content.Context;
import android.content.Intent;
import android.util.Log;

// AppWidgetProvider 是 BroadcastReceiver 的子類，本質(zhì)是個(gè) 廣播接收器，它專門用來(lái)接收來(lái)自 Widget組件的各種請(qǐng)求（用Intent傳遞過(guò)來(lái)），所以如果讓我給他起名的話我會(huì)給他命名為AppWidgetReceiver,每一個(gè)Widget都要有一個(gè)AppWidgetProvider.
public class HelloWidgetProvider extends AppWidgetProvider {

      //每個(gè)請(qǐng)求都會(huì)傳遞給onReceive方法，該方法根據(jù)Intent參數(shù)中的action類型來(lái)決定自己處理還是分發(fā)給下面四個(gè)特殊的方法。
      @Override
      public void onReceive(Context context, Intent intent) {

            Log.i("yao", "HelloWidgetProvider --> onReceive");
            super.onReceive(context, intent);
      }

      //如果Widget自動(dòng)更新時(shí)間到了、或者其他會(huì)導(dǎo)致Widget發(fā)生變化的事件發(fā)生，或者說(shuō)Intent的值是android.appwidget.action.APPWIDGET_UPDATE，那么會(huì)調(diào)用onUpdate，下面三個(gè)方法類似
      @Override
      public void onUpdate(Context context, AppWidgetManager appWidgetManager, int[] appWidgetIds) {
            //AppWidgetManager 顧名思義是AppWidget的管理器，appWidgetIds 桌面上所有的widget都會(huì)被分配一個(gè)唯一的ID標(biāo)識(shí)，那么這個(gè)數(shù)組就是他們的列表
            Log.i("yao", "HelloWidgetProvider --> onUpdate");
            super.onUpdate(context, appWidgetManager, appWidgetIds);
      }

      //當(dāng)一個(gè)App Widget從桌面上刪除時(shí)調(diào)用
      @Override
      public void onDeleted(Context context, int[] appWidgetIds) {
            Log.i("yao", "HelloWidgetProvider --> onDeleted");
            super.onDeleted(context, appWidgetIds);
      }

      //當(dāng)這個(gè)App Widget第一次被放在桌面上時(shí)調(diào)用(同一個(gè)App Widget可以被放在桌面上多次，所以會(huì)有這個(gè)說(shuō)法)
      @Override
      public void onEnabled(Context context) {
            Log.i("yao", "HelloWidgetProvider --> onEnabled");
            super.onEnabled(context);
      }

      //當(dāng)這個(gè)App Widget的最后一個(gè)實(shí)例被從桌面上移除時(shí)會(huì)調(diào)用該方法。
      @Override
      public void onDisabled(Context context) {
            Log.i("yao", "HelloWidgetProvider --> onDisabled");
            super.onDisabled(context);
      }

}

復(fù)制代碼

  　　6、編譯并運(yùn)行程序，我們知道這種Widget程序，即使裝完了也不會(huì)在程序列表中出現(xiàn)，因?yàn)樗揪蜎]有main Activity，下面我給不清楚的同學(xué)說(shuō)一下如何把一個(gè)widget放到桌面上：



在模擬器上桌面上長(zhǎng)按，等待彈出下面對(duì)話框，



選擇窗口小部件



選擇Hello，App Widget



　　OK，看到桌面上出來(lái)一行看起來(lái)蠻舒服的一行藍(lán)色小字了嗎，恭喜你，你已經(jīng)進(jìn)入了 App widget 的世界。當(dāng)然后面的內(nèi)容更精彩，我們會(huì)學(xué)習(xí) PendingIntent 和 RemoteViews 等和 App widget的配合，制作更加實(shí)用的App Widget。

　　三、桌面上的音樂(lè)播放器小部件(待續(xù))

› 智能家居 / NAS / 路由 / 開發(fā) / 音響 › TV應(yīng)用開發(fā)交流

第三十五講：App Widget入門指南

第三十五講：App Widget入門指南

相關(guān)帖子