随笔-1  评论-68  文章-98  trackbacks-0
Android Widget 设计与开发

作者：徐建祥（netpirate@gmail.com）
时间： 2010/12/15
来自： http://www.anymobile.org

Widget杂谈：最早Widget是指在PC的桌面上的小窗口程序；Web上的先行者似乎是Yahoo！；当然，OPhone也搞了一套Widget，HTML+CSS的东东。

我们这里谈的所谓Widget，就是窗口小部件，Android SDK从1.5版本开始支持AppWidget framework，返个框架允许开发者开发Widgets，这些Widgets可以被用户通过长按桌面进行添加，与应用程序进行数据交互。

需求：

在桌面上开发一个Widget，可以实时显示IM软件的状态更新变化；可以通过左右按钮，查看上次或下调更新内容。

(参考效果图)

设计思路：

(参考设计序列图)

代码：

Java：

    /src/org.anymobile.demo.Globals \\Intent.action 声明

     /src/org.anymobile.demo.service.UpdateService extends Service \\同步、更新Widget布局数据的Service

     /src/org.anymobile.demo.widget.UpdateAppWidgetProvider extends AppWidgetProvider \\Widget，接收器

XML:

    /res/layout/update_appwidget.xml \\布局设计

    /res/values/strings.xml \\常量声明

    /res/xml/update_appwidget_info.xml \\app widget定义

    AndroidManifest.xml

#AndroidManifest.xml

view plaincopy to clipboardprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
  3.       package="org.anymobile.demo"  
  4.       android:versionCode="1"  
  5.       android:versionName="1.0">  
  6.     <application android:icon="@drawable/icon" android:label="@string/app_name">  
  7.           
  8.         <receiver android:name=".widget.UpdateAppWidgetProvider"  
  9.                   android:label="@string/app_widget_label" >  
  10.             <intent-filter>  
  11.                 <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />  
  12.             </intent-filter>  
  13.             <meta-data android:name="android.appwidget.provider"   
  14.                        android:resource="@xml/update_appwidget_info" />  
  15.         </receiver>  
  16.           
  17.         <service android:name=".service.UpdateService"  android:label="@string/app_name">  
  18.             <intent-filter>  
  19.                 <action android:name="org.anymobile.demo.service.IMM_UPDATE_SERVICE" />  
  20.                 <category android:name="android.intent.category.DEFAULT" />  
  21.             </intent-filter>  
  22.         </service>  
  23.     </application>  
  24. </manifest>   
 

#strings.xml

view plaincopy to clipboardprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <string name="app_name">AnymobileDemo</string>  
  4.       
  5.     <string name="app_widget_label">AnymobileDemo Widget</string>  
  6.     <string name="app_widget_title">Updates</string>  
  7.     <string name="app_widget_error_message">No messages, please check to login.</string>  
  8.       
  9. </resources>  
 

#update_appwidget_info.xml

view plaincopy to clipboardprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:minWidth="294dip"  
  4.     android:minHeight="120dip"  
  5.     android:updatePeriodMillis="0"  
  6.     android:initialLayout="@layout/update_appwidget">  
  7. </appwidget-provider>  
 

#update_appwidget.xml

view plaincopy to clipboardprint?
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"   
  4.     android:layout_width="fill_parent"   
  5.     android:layout_height="fill_parent">  
  6.     <LinearLayout   
  7.         android:id="@+id/app_widget_top"   
  8.         android:gravity="center_vertical"  
  9.         android:orientation="horizontal"   
  10.         android:background="@drawable/widget_titlebar"   
  11.         android:layout_width="fill_parent"   
  12.         android:layout_height="wrap_content">  
  13.     </LinearLayout>  
  14.       
  15.     <LinearLayout   
  16.         android:id="@+id/app_widget_body"   
  17.         android:orientation="horizontal"   
  18.         android:background="@drawable/widget_body"   
  19.         android:layout_width="fill_parent"   
  20.         android:layout_height="100dip">  
  21.        <LinearLayout   
  22.             android:id="@+id/app_widget_message"   
  23.             android:layout_width="fill_parent"   
  24.             android:layout_height="fill_parent">  
  25.             <TextView  
  26.                 android:id="@+id/widget_message"  
  27.                 android:text="@string/app_widget_error_message"  
  28.                 android:paddingRight="5dip"  
  29.                 android:paddingLeft="5dip"  
  30.                 android:layout_width="wrap_content"  
  31.                 android:layout_height="wrap_content">  
  32.             </TextView>  
  33.         </LinearLayout>  
  34.     </LinearLayout>  
  35.       
  36.     <LinearLayout  
  37.         android:id="@+id/app_widget_bottom"  
  38.         android:gravity="right"  
  39.         android:layout_width="fill_parent"  
  40.         android:layout_height="wrap_content">  
  41.     </LinearLayout>  
  42. </LinearLayout>  

#Globals.java

view plaincopy to clipboardprint?
  1. package org.anymobile.demo;  

  3. public final class Globals  
  4. {  
  5.     public static final String ACTION_APP_WIDGET_SERVICE= "org.anymobile.demo.service.IMM_UPDATE_SERVICE";  
  6.       
  7.     public static final String ACTION_APP_WIDGET_PREV   = "org.anymobile.demo.intent.action.APP_WIDGET_PREV";  
  8.     public static final String ACTION_APP_WIDGET_NEXT   = "org.anymobile.demo.intent.action.APP_WIDGET_NEXT";  
  9.       
  10.     public static final String ACTION_APP_WIDGET_RELOAD = "org.anymobile.demo.intent.action.APP_WIDGET_RELOAD";  
  11.       
  12. }  

#UpdateService.java

view plaincopy to clipboardprint?
  1. package org.anymobile.demo.service; 
  2.  
  3. import java.util.ArrayList;  

  5. import android.app.Service;  
  6. import android.appwidget.AppWidgetManager;  
  7. import android.content.BroadcastReceiver;  
  8. import android.content.ComponentName;  
  9. import android.content.Context;  
  10. import android.content.Intent;  
  11. import android.content.IntentFilter;  
  12. import android.os.IBinder;  
  13. import android.util.Log;  
  14. import android.view.View;  
  15. import android.widget.RemoteViews;  

  17. import org.anymobile.demo.Globals;  
  18. import org.anymobile.demo.R;  
  19. import org.anymobile.demo.widget.UpdateAppWidgetProvider; 
  20.  
  21. public class UpdateService extends Service  
  22. {  
  23.     public static final String TAG = "ANYMOBILE-DEMO--UpdateService";  
  24.       
  25.     private ArrayList<String> mList;  
  26.     private int mCount;  
  27.     private int mId;  
  28.       
  29.     private BroadcastReceiver mIntentReceiver = new BroadcastReceiver()  
  30.     {  
  31.         @Override  
  32.         public void onReceive(Context context, Intent intent)  
  33.         {  
  34.             String action = intent.getAction();  
  35.             Log.d(TAG, "onReceive() " + action);  
  36.               
  37.             if (action.equals(Globals.ACTION_APP_WIDGET_RELOAD))  
  38.             {  
  39.                 doReload();  
  40.             }  
  41.         }  
  42.     };  
  43.     @Override  
  44.     public void onCreate()  
  45.     {  
  46.         Log.d(TAG, "onCreate()");  
  47.         super.onCreate();  
  48.           
  49.         reloadQueue();  
  50.           
  51.         IntentFilter filter = new IntentFilter();  
  52.         filter.addAction(Globals.ACTION_APP_WIDGET_RELOAD);  
  53.         registerReceiver(mIntentReceiver, filter);  
  54.     }  
  55.       
  56.     @Override  
  57.     public void onStart(Intent intent, int startId)  
  58.     {  
  59.         super.onStart(intent, startId);  
  60.         String action = intent.getAction();  
  61.         Log.d(TAG, "onStart() " + action);  
  62.         if (action.equals(Globals.ACTION_APP_WIDGET_PREV))  
  63.         {  
  64.             doPrev();  
  65.         }  
  66.         else if (action.equals(Globals.ACTION_APP_WIDGET_NEXT))  
  67.         {  
  68.             doNext();  
  69.         }  
  70.         else// if (action.equals(Globals.ACTION_APP_WIDGET_SERVICE))  
  71.         {  
  72.             notifyWidget();  
  73.         }  
  74.     }  
  75.       
  76.     private void notifyWidget()  
  77.     {  
  78.         Log.d(TAG, "notifyWidget()");  
  79.           
  80.         ComponentName widget = new ComponentName(this, UpdateAppWidgetProvider.class);  
  81.         RemoteViews updateViews = buildUpdate(this);  
  82.           
  83.         AppWidgetManager manager = AppWidgetManager.getInstance(this);  
  84.         manager.updateAppWidget(widget, updateViews);  
  85.     }  
  86.     @Override  
  87.     public void onDestroy()  
  88.     {  
  89.         Log.d(TAG, "onDestroy()");  
  90.           
  91.         unregisterReceiver(mIntentReceiver);  
  92.           
  93.         super.onDestroy();  
  94.     }  
  95.     @Override  
  96.     public IBinder onBind(Intent intent)  
  97.     {  
  98.         Log.d(TAG, "onBind()");  
  99.         return null;  
  100.     }  
  101.       
  102.     private RemoteViews buildUpdate(Context context)  
  103.     {  
  104.         RemoteViews updateViews =   
  105.             new RemoteViews(context.getPackageName(), R.layout.update_appwidget);  
  106.         String item = null;  
  107.           
  108.         if (mCount > 0)  
  109.         {  
  110.             item = mList.get(mId);  
  111.             if (item != null)  
  112.             {  
  113.                 updateViews.setViewVisibility(R.id.app_widget_content, View.GONE);  
  114.                 updateViews.setViewVisibility(R.id.app_widget_message, View.VISIBLE);  
  115.                   
  116. //              updateViews.setViewVisibility(R.id.app_widget_content, View.VISIBLE);  
  117. //              updateViews.setViewVisibility(R.id.app_widget_message, View.GONE);  
  118. //                
  119. //              updateViews.setImageViewResource(R.id.update_appwidget_icon, item.getTypeIconId());  
  120. //              updateViews.setTextViewText(R.id.update_appwidget_name, item.getNickName());  
  121. //              updateViews.setTextViewText(R.id.update_appwidget_time, item.getModifyTime());  
  122. //              updateViews.setTextViewText(R.id.update_appwidget_content, item.getMessage());  
  123.                   
  124.                 updateViews.setTextViewText(R.id.widget_message, item);  
  125.             }  
  126.         }  
  127.         if (item == null)  
  128.         {  
  129.             updateViews.setViewVisibility(R.id.app_widget_content, View.GONE);  
  130.             updateViews.setViewVisibility(R.id.app_widget_message, View.VISIBLE);  
  131.               
  132.             updateViews.setTextViewText(R.id.widget_message,   
  133.                 context.getText(R.string.app_widget_error_message));  
  134.         }  
  135.         Log.d(TAG, "buildUpdate: layoutId = " + updateViews.getLayoutId() +   
  136.             "; count = " + mCount + "; id = " + mId);  
  137.           
  138.         return updateViews;  
  139.     }  
  140.       
  141.     private void doReload()  
  142.     {  
  143.         Log.d(TAG, "doReload()");  
  144.         reloadQueue();  
  145.           
  146.         notifyWidget();  
  147.     }  
  148.       
  149.     private void reloadQueue()  
  150.     {  
  151.         mList = new ArrayList<String>();  
  152.         String[] arr = {"aa", "bb", "cc", "dd"};  
  153.         for (int i = 0; i < arr.length; i++)  
  154.         {  
  155.             mList.add(arr[i]);  
  156.         }  
  157.           
  158.         if (mList != null)  
  159.         {  
  160.             mCount = mList.size();  
  161.         }  
  162.         else  
  163.         {  
  164.             mCount = 0;  
  165.         }  
  166.         mId = 0;  
  167.           
  168.         //TODO check login and poll updates from buddie list  
  169.     }  
  170.       
  171.     private void doPrev()  
  172.     {  
  173.         Log.d(TAG, "doPrev()");  
  174.         mId -= 1;  
  175.         if (mId < 0)  
  176.         {  
  177.             mId = mCount - 1;  
  178.         }  
  179.         notifyWidget();  
  180.     }  
  181.       
  182.     private void doNext()  
  183.     {  
  184.         Log.d(TAG, "doNext()");  
  185.         mId += 1;  
  186.         if (mId > mCount - 1)  
  187.         {  
  188.             mId = 0;  
  189.         }  
  190.         notifyWidget();  
  191.     }  
  192. }  

#UpdateAppWidgetProvider.java

view plaincopy to clipboardprint?
  1. package org.anymobile.demo.widget; 
  2.  
  3. import android.app.PendingIntent;  
  4. import android.appwidget.AppWidgetManager;  
  5. import android.appwidget.AppWidgetProvider;  
  6. import android.content.ComponentName;  
  7. import android.content.Context;  
  8. import android.content.Intent;  
  9. import android.util.Log;  
  10. import android.view.View;  
  11. import android.widget.RemoteViews;  

  13. import org.anymobile.demo.Globals;  
  14. import org.anymobile.demo.R;  
  15. import org.anymobile.demo.service.UpdateService;  

  17. public class UpdateAppWidgetProvider extends AppWidgetProvider  
  18. {  
  19.     public static final String TAG = "ANYMOBILE-DEMO-UpdateAppWidgetProvider";  
  20.       
  21.     public static final String APP_WIDGET_UPDATE = "appwidgetupdate";  
  22.     public static final ComponentName APPWIDGET_COMPONENT_NAME =  
  23.         new ComponentName("org.anymobile.demo",   
  24.             "org.anymobile.demo.widget.UpdateAppWidgetProvider");  
  25.     @Override  
  26.     public void onReceive(Context context, Intent intent)  
  27.     {  
  28.         Log.d(TAG, "onReceive() " + intent.getAction());  
  29.         super.onReceive(context, intent);  
  30.     }  
  31.     @Override  
  32.     public void onEnabled(Context context)  
  33.     {  
  34.         Log.d(TAG, "onEnabled()");  
  35.         super.onEnabled(context);  
  36.     }  
  37.     @Override  
  38.     public void onDisabled(Context context)  
  39.     {  
  40.         Log.d(TAG, "onDisabled()");  
  41.         super.onDisabled(context);  
  42.     }  
  43.     @Override  
  44.     public void onUpdate(Context context, AppWidgetManager appWidgetManager, int[] appWidgetIds)  
  45.     {  
  46.         Log.d(TAG, "onUpdate()");  
  47.           
  48.         defaultAppWidget(context, appWidgetIds);  
  49.           
  50.         context.startService(new Intent(Globals.ACTION_APP_WIDGET_SERVICE));  
  51.     }  
  52.       
  53.     private void defaultAppWidget(Context context, int[] appWidgetIds)  
  54.     {  
  55.         final RemoteViews views =   
  56.             new RemoteViews(context.getPackageName(), R.layout.update_appwidget);  
  57.           
  58.         views.setViewVisibility(R.id.app_widget_content, View.GONE);  
  59.         views.setViewVisibility(R.id.app_widget_message, View.VISIBLE);  
  60.           
  61.         // Link actions buttons to intents  
  62.         linkButtons(context, views);  
  63.           
  64.         pushUpdate(context, appWidgetIds, views);  
  65.     }  
  66.       
  67.     private void linkButtons(Context context, RemoteViews views)  
  68.     {  
  69.         Intent intent;  
  70.         PendingIntent pendingIntent;  
  71.         final ComponentName serviceName = new ComponentName(context, UpdateService.class);  
  72.           
  73.         intent = new Intent(Globals.ACTION_APP_WIDGET_PREV);  
  74.         intent.setComponent(serviceName);  
  75.         pendingIntent = PendingIntent.getService(context,  
  76.                 0 /* no requestCode */, intent, 0 /* no flags */);  
  77.         views.setOnClickPendingIntent(R.id.widget_btn_prev_page, pendingIntent);  
  78.         intent = new Intent(Globals.ACTION_APP_WIDGET_NEXT);  
  79.         intent.setComponent(serviceName);  
  80.         pendingIntent = PendingIntent.getService(context,  
  81.                 0 /* no requestCode */, intent, 0 /* no flags */);  
  82.         views.setOnClickPendingIntent(R.id.widget_btn_next_page, pendingIntent);  
  83.     }  
  84.       
  85.     private void pushUpdate(Context context, int[] appWidgetIds, RemoteViews views)  
  86.     {  
  87.         final AppWidgetManager gm = AppWidgetManager.getInstance(context);  
  88.         if (appWidgetIds != null)  
  89.         {  
  90.             gm.updateAppWidget(appWidgetIds, views);  
  91.         }  
  92.         else  
  93.         {  
  94.             gm.updateAppWidget(APPWIDGET_COMPONENT_NAME, views);  
  95.         }  
  96.     }  
  97.       
  98.     void notifyChange(UpdateService service, String what)  
  99.     {  
  100.         //  
  101.     }  
  102. }  
 

日志：

#init

12-15 19:23:09.479 D/ANYMOBILE-DEMO--UpdateAppWidgetProvider(  585): onReceive() android.appwidget.action.APPWIDGET_UPDATE

12-15 19:23:09.509 D/ANYMOBILE-DEMO--UpdateAppWidgetProvider(  585): onUpdate()

12-15 19:23:09.549 D/ANYMOBILE-DEMO--UpdateService(  585): onCreate()

12-15 19:23:09.579 D/ANYMOBILE-DEMO--UpdateService(  585): onStart()

#add widget

12-15 19:24:23.780 D/ANYMOBILE-DEMO--UpdateAppWidgetProvider(  585): onReceive() android.appwidget.action.APPWIDGET_UPDATE

12-15 19:24:23.780 D/ANYMOBILE-DEMO--UpdateAppWidgetProvider(  585): onUpdate()

12-15 19:24:23.850 D/ANYMOBILE-DEMO--UpdateService(  585): onStart()

#receive software event, reload and update widget

12-15 19:24:58.150 D/ANYMOBILE-DEMO--UpdateService(  585): onReceive() Activation

12-15 19:24:58.150 D/ANYMOBILE-DEMO--UpdateService(  585): doReload()

12-15 19:24:58.150 D/ANYMOBILE-DEMO--UpdateService(  585): notifyWidget()

12-15 19:24:58.200 D/ANYMOBILE-DEMO--UpdateService(  585): buildUpdate: layoutId = 2130903068; count = 11; id = 0

#click widget button, new start the bind service

12-15 19:25:49.260 D/ANYMOBILE-DEMO--UpdateService(  585): onStart()

12-15 19:24:58.150 D/ANYMOBILE-DEMO--UpdateService(  585): notifyWidget()

12-15 19:24:58.200 D/ANYMOBILE-DEMO--UpdateService(  585): buildUpdate: layoutId = 2130903068; count = 11; id = 0

OVER！

参考：


com.android.music/.MediaAppWidgetProvider

com.android.music/.MediaPlaybackService

posted on 2010-12-15 21:44 Xu Jianxiang 阅读(882) 评论(0)  编辑  收藏 所属分类: Android

只有注册用户登录后才能发表评论。
网站导航:
 
Powered by: 博客园 模板提供：沪江博客 Copyright ©2024 Xu Jianxiang