Android学习之AppWidget高级效果

内容摘要
接着AppWidget基础学习，今天是一个“进阶版”的小例子，用来检验一下自己的学习效果。于是就做了一个掷骰子的Widget。
方便大家观看，先截图如下：





需要注意的是在drawable
文章正文

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

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

 

 

需要注意的是在drawable文件夹下有几张图片，我是在网上下载的别人的素材。

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

第一步：
是在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内的相关的方法）。
代码中不可避免的会出现一些错误和不足之处，希望广大博友看到后予以指出，希望能和你们一起进步！ 
代码注释
上一篇HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述下一篇Linux系统中为php添加pcntl扩展

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！