Android学习之AppWidget高级效果

接着AppWidget基础学习，今天是一个“进阶版”的小例子，用来检验一下自己的学习效果。于是就做了一个掷骰子的Widget。

方便大家观看，先截图如下：







需要注意的是在drawable文件夹下有几张图片，我是在网上下载的别人的素材，你也可以直接在图片素材下载链接，提取码是d47k。

下面就开始我们的学习之旅吧。

第一步：

是在res/目录下创建一个名为xml的文件夹（其实名字是随意的，不必拘泥与这一个名字），然后在里面创建一个appwidget_info.xml文件，其作用就是向系统进行声明。

<appwidget-provider
xmlns:android="http://schemas.android.com/apk/res/android"
android:minHeight="72dp"
android:minWidth="294dp"
android:updatePeriodMillis="86400000"
android:initialLayout="@layout/app_widget_layout"
>
</appwidget-provider>

第二步：

对布局界面进行设置，我的设置如下app_widget_layout.xml文件：

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

<ImageView
android:id="@+id/imageview_widget"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"
/>
<Button
android:id="@+id/button_widget"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="摇一摇"
android:textColor="#6663c6"
/>

</LinearLayout>

第三步：

创建一个支撑widget的类，用来完成接下来的逻辑的操作，如下面的WidgetProvider.java.

package com.summer.mywidget;

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

public class WidgetProvider extends AppWidgetProvider{

private static final String MY_UPDATE_ACTION="com.summer.APP_WIDGET_ACTION";

/*
*随机的获得一张图片的int值，为接下来的变换图片打基础
*/
private static int getRandomPicture(){
int[] pictureArray=new int[]{R.drawable.dice_1,R.drawable.dice_2,R.drawable.dice_3,
R.drawable.dice_4,R.drawable.dice_5,R.drawable.dice_6};
int RandomNumber=(int) ((Math.random()*100)%6);

return pictureArray[RandomNumber];
}

/*
*用于接收action，分支是区别于自定义ACTION和系统action的有效方式
*/
@Override
public void onReceive(Context context, Intent intent) {
// TODO Auto-generated method stub
String RESPONSEACTION=intent.getAction();
Log.i("Summer", "------------->>>>>>>>>>>>>>>>>>>>>>>>>>>>>"+RESPONSEACTION);

if(MY_UPDATE_ACTION.equals(RESPONSEACTION)){
RemoteViews remoteViews=new RemoteViews(context.getPackageName(),R.layout.app_widget_layout);

remoteViews.setImageViewResource(R.id.imageview_widget,getRandomPicture());

AppWidgetManager appWidgetManager=AppWidgetManager.getInstance(context);
ComponentName componentName=new ComponentName(context,WidgetProvider.class);
appWidgetManager.updateAppWidget(componentName, remoteViews);
}else{
super.onReceive(context, intent);
}
}

/*
*用一个循环的方式是为了应对桌面上添加了好几个这样的Widget的情形
*/
@Override
public void onUpdate(Context context, AppWidgetManager appWidgetManager,
int[] appWidgetIds) {
// TODO Auto-generated method stub

for(int i=0;i<appWidgetIds.length;i++){
Intent intent=new Intent();
intent.setAction(MY_UPDATE_ACTION);
PendingIntent pendingIntent=PendingIntent.getBroadcast(context, -1, intent, 0);

RemoteViews remoteViews=new RemoteViews(context.getPackageName(),R.layout.app_widget_layout);
remoteViews.setOnClickPendingIntent(R.id.button_widget,pendingIntent);
appWidgetManager.updateAppWidget(appWidgetIds[i], remoteViews);
}
super.onUpdate(context, appWidgetManager, appWidgetIds);
}

@Override
public void onDeleted(Context context, int[] appWidgetIds) {
// TODO Auto-generated method stub
super.onDeleted(context, appWidgetIds);
System.out.println("my app widget ----------------------------->>>>>>>onDeleted");
}

@Override
public void onEnabled(Context context) {
// TODO Auto-generated method stub
System.out.println("my app widget ----------------------------->>>>>>>onEnabled");
super.onEnabled(context);
}

@Override
public void onDisabled(Context context) {
// TODO Auto-generated method stub
System.out.println("my app widget ----------------------------->>>>>>>onDisabled");
super.onDisabled(context);
}

}

第四步：

在清单文件Manifest.xml文件中进行相关项的声明。详如下：

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

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

<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.summer.mywidget.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>

<receiver
android:name="com.summer.mywidget.WidgetProvider">
<intent-filter >
<action android:name="android.appwidget.action.APPWIDGET_UPDATE"/>
</intent-filter>
<intent-filter >
<action android:name="com.summer.APP_WIDGET_ACTION"></action>
</intent-filter>
<meta-data
android:name="android.appwidget.provider"
android:resource="@xml/appwidget_info">
</meta-data>
</receiver>
</application>

</manifest>

第五步：

大功告成，运行一下代码，然后手工的进行app_Widget 的添加，然后你就可以拥有一款”骰子“咯。

总结：

这个小程序虽说是实现了，但是仍然不是比较复杂。需要对广播消息等知识有一定的了解。

改进方向：给每次的点击事件完成时添加动画效果，以获得更好地用户体验。（需要借助于RemoteViews内的相关的方法）。

代码中不可避免的会出现一些错误和不足之处，希望广大博友看到后予以指出，希望能和你们一起进步！