超简单实用详细的android Widget实例教程

本文参考了Android_Tutor的【Android高手进阶教程(八)之----Android Widget开发案例(世界杯倒计时!)】，十分感谢Android_Tutor。本文在Android_Tutor文章的基础上，作了一些简化和改进，主要功能是实现把小插件拖到桌面后，按一下小插件，出现一个Toast。其实按一下小插件，可以做很多事，这里为了简化，就简单地出现一个Toast。效果如下：

下面开始一步一步做：

一、新建一个Android工程命名为:WidgetDemo.

二、建立Widget内容提供者文件，我们在res下建立xml文件夹，并且新建一个widget_provider.xml代码入下:

<?xml version="1.0" encoding="utf-8"?>
<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
	android:minWidth="50dip"
	android:minHeight="50dip"
	android:updatePeriodMillis="10000"
	android:initialLayout="@layout/main"
/> 

三、 修改main.xml布局，代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.75"
        android:text="点击我！" />

</LinearLayout>

四、 修改WidgetDemo.java代码如下:

package com.android.WidgetDemo;

import android.app.PendingIntent;
import android.appwidget.AppWidgetManager;
import android.appwidget.AppWidgetProvider;
import android.content.Context;
import android.content.Intent;
import android.util.Log;
import android.widget.RemoteViews;
import android.widget.Toast;

public class WidgetDemo extends AppWidgetProvider {
    /** Called when the activity is first created. */	
	public static String REFRESH_ACTION = "com.example.android.weatherlistwidget.REFRESH";
	
	public WidgetDemo() {
		Log.e("debug", "WidgetDemo");
	}
	@Override
	public void onUpdate(Context context, AppWidgetManager appWidgetManager,
			int[] appWidgetIds) {
		final int N = appWidgetIds.length;

        // Perform this loop procedure for each App Widget that belongs to this provider
        for (int i=0; i<N; i++) {
            int appWidgetId = appWidgetIds[i];
            Intent intent = new Intent(context, WidgetDemo.class);
            intent.setAction(WidgetDemo.REFRESH_ACTION);
            PendingIntent pendingIntent = PendingIntent.getBroadcast(context, 0,
            		intent, PendingIntent.FLAG_UPDATE_CURRENT);
            RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.main);
            views.setOnClickPendingIntent(R.id.button1, pendingIntent);
            views.setTextViewText(R.id.button1, "plessMe!");

            // Tell the AppWidgetManager to perform an update on the current App Widget
            appWidgetManager.updateAppWidget(appWidgetId, views);
        }
        super.onUpdate(context, appWidgetManager, appWidgetIds);
	}
	
	@Override
	public void onDeleted(Context context, int[] appWidgetIds){
		Toast.makeText(context, "onDeleted", 1).show();
		super.onDeleted(context, appWidgetIds);
	}
	
	@Override
	public void onEnabled(Context context){
		Toast.makeText(context, "onEnabled", 1).show();
		super.onEnabled(context);
	}

	@Override
	public void  onDisabled(Context context){
		Toast.makeText(context, "onDisabled", 1).show();
		super.onDisabled(context);
	}
	 @Override
	    public void onReceive(Context context, Intent intent) {
	        final String action = intent.getAction();
	        if (action.equals(REFRESH_ACTION)) {
	        	Toast.makeText(context, "點擊我了！！！！", 1).show();
	        }

	        super.onReceive(context, intent);
	    }
  
}

代码中各个重写的函数都加入了Toast，方便了解程序运行的整个过程。

五、修改配置文件AndroidManifest.xml，代码如下:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.android.WidgetDemo"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="8" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <receiver
            android:name="WidgetDemo"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
            </intent-filter>
            <meta-data
                android:name="android.appwidget.provider"
                android:resource="@xml/widget_provider" />
        </receiver>
    </application>

</manifest>

到此结束！

PS:其实把Button换成ImageView效果更佳。main文件修改如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/ImageViewPress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:adjustViewBounds="true"
        android:cropToPadding="false"
        android:paddingLeft="10.0dip"
        android:paddingRight="10.0dip"
        android:paddingTop="3.0dip"
        android:scaleType="fitCenter"
        android:src="@drawable/button" />

</LinearLayout>

WidgetDemo里对应的ID自行修改。

此外，下面这句得去了。

views.setTextViewText(R.id.buttonPress, "PressMe!");

效果如下：【图片自行准备，放在相应drawable目录下。】