安卓開(kāi)發(fā) App Widget 開(kāi)發(fā)入門(mén)指導(dǎo)
本文所要講的主要內(nèi)容包括Android桌面小部件、App Widget的開(kāi)發(fā)入門(mén)指導(dǎo)，并通過(guò)一個(gè)簡(jiǎn)單實(shí)例的形式來(lái)直觀的講解App Widget。
一、Widget 、App Widget 、Web App 的概念
Widget最初的概念是98年一個(gè)叫Rose的蘋(píng)果工程師提出，直到2003年的時(shí)候才正式為大家所知，不過(guò)隨后無(wú)數(shù)大公司都開(kāi)始接受并應(yīng)用這一思路。 現(xiàn)在我們看到在蘋(píng)果系統(tǒng)里按下F4彈出的Dashboard里的小工具叫Widget，在Windows 7里側(cè)邊欄上的那些漂亮的小工具叫Gadget（widget變體?），除此以外還有yahoo Widget等等Widget產(chǎn)品。他們有一個(gè)共同的特點(diǎn)就是采用前臺(tái)Web開(kāi)發(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ù)框架也各不相同，有沒(méi)有辦法寫(xiě)一個(gè)程序在各個(gè)系統(tǒng)上都能運(yùn)行呢？答案是肯定的，寫(xiě)基于 Webkit的瀏覽器的應(yīng)用即可。我們使用 HTML5、CSS3、JavaScript、WebKit 等技術(shù)來(lái)寫(xiě)的Web Application也許是今后的一個(gè)大潮流也說(shuō)不準(zhǔn)啊。有機(jī)會(huì)我們?cè)僦v講Android Web Application 的開(kāi)發(fā)。
二、App Widget 的簡(jiǎn)單例子：Hello App Widget
App Widget的技術(shù)實(shí)現(xiàn)有那么一點(diǎn)點(diǎn)繞，我們用一個(gè)最簡(jiǎn)單的例子Hello App Widget來(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/HTML代碼
- <?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>
3、準(zhǔn)備好一個(gè)Widget的配置文件 xml/provider_info.xml，該文件配置了widget可以占用的屏幕長(zhǎng)寬、更新頻率，所顯示的布局文件（就是上面的那個(gè)布局文件）等，其內(nèi)容如下：
XML/HTML代碼
- <?xml version="1.0" encoding="utf-8"?>
- <!-- appwidget-provider Widget的配置文件 -->
- <!-- android:minWidth 最小寬度 -->
- <!-- android:minHeight 最小高度 -->
- <!-- android:updatePeriodMillis 組件更新頻率（毫秒） -->
- <!-- android:initialLayout 組件布局XML的位置 -->
- <!-- android:configure Widget設(shè)置用Activity -->
- <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>
4、準(zhǔn)備好一個(gè)處理widget請(qǐng)求的Java文件，basic.android.lesson35包下的 HelloWidgetProvider，他繼承了AppWidgetProvider類(lèi)，在本例中沒(méi)有任何請(qǐng)求處理的具體代碼，我在java文件中寫(xiě)了 大量注釋?zhuān)奖隳愕睦斫?。?nèi)容如下：
Java代碼
- 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 的子類(lèi)，本質(zhì)是個(gè) 廣播接收器，它專(zhuān)門(mén)用來(lái)接收來(lái)自 Widget組件的各種請(qǐng)求（用Intent傳遞過(guò)來(lái)），所以如果讓我給他起名的話(huà) 我會(huì)給他命名為AppWidgetReceiver,每一個(gè)Widget都要有一個(gè)AppWidgetProvider.
- public class HelloWidgetProvider extends AppWidgetProvider {
- //每個(gè)請(qǐng)求都會(huì)傳遞給onReceive方法，該方法根據(jù)Intent參數(shù)中的action類(lèi)型來(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è)方法類(lèi)似
- @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);
- }
- }
5、配置AndroidManifest.xml文件，增加一個(gè)receiver標(biāo)簽，這個(gè)標(biāo)簽看起來(lái)很像前面講的BroadReceiver的配置，具體內(nèi)容如下：
XML/HTML代碼
- <?xml version="1.0" encoding="utf-8"?>
- <manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionname="1.0" android:versioncode="1" package="basic.android.lesson35">
- <uses -sdk="" android:minsdkversion="7">
- <application android:icon="@drawable/icon" android:label="@string/app_name">
- <!-- receiver的 android:name指向的是widget的請(qǐng)求處理器或者說(shuō)請(qǐng)求接收者 -->
- <receiver android:label="Hello,App Widget" android:name=".HelloWidgetProvider">
- <intent -filter="">
- <!-- widget默認(rèn)的事件action -->
- <action android:name="android.appwidget.action.APPWIDGET_UPDATE"></action>
- </intent>
- <!-- widget元數(shù)據(jù),name是寫(xiě)死的，resource指的是widget的配置文件 -->
- <meta -data="" android:name="android.appwidget.provider" android:resource="@xml/provider_info">
- </receiver>
- </application>
- </uses></manifest>
6、編譯并運(yùn)行程序，我們知道這種Widget程序，即使裝完了也不會(huì)在程序列表中出現(xiàn)，因?yàn)樗揪蜎](méi)有main Activity，下面我給不清楚的同學(xué)說(shuō)一下如何把一個(gè)widget放到桌面上。
在模擬器上桌面上長(zhǎng)按，等待彈出下面對(duì)話(huà)框：
選擇窗口小部件：
選擇Hello，App Widget：
