Android學習之AppWidget進階效果_Android

接著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內的相關的方法）。
代碼中不可避免的會出現一些錯誤和不足之處，希望廣大博友看到後予以指出，希望能和你們一起進步！