Android Widget 开发实例:桌面便签程序的实现详解和源码

桌面便签软件是Android上常用软件的一种,比如比较早的Sticky Note,就曾非常流行,而实际上使用android平台对widget开发的支持,桌面便签类软件是非常易于开发的。

本文通过逐步实现一个简单的桌面便签软件,和大家分享进行widget开发的过程和方法。

同时本程序提供完整的工程源码下载

免费下载地址在 http://linux.linuxidc.com/

用户名与密码都是www.linuxidc.com

具体下载目录在 /pub/Android源码集锦/2011年/10月/Android Widget 开发实例:桌面便签程序的实现详解和源码/


1.MyNote的最终实现效果

为了提起大家阅读本文的兴趣,先介绍一下最终实现的效果。

首先可以通过桌面增加我们的MyNote小部件,如下图所示:

图中的“我的便签”就是我们之后将要开发的便签程序。

点击后启动添加日志界面,如下图所示:

输入便签内容后,可以点击下面所列的四种图标之一作为便签图标。

比如点击第一个后,桌面上就会添加一个便签:

点击桌面上的便签,可以再次对便签内容进行修改,并更换图标。

桌面上可以同时存在多个便签,并可以分别进行修改。

如下图所示,我们将刚才创建的便签的图标修改一下,并新增了一个便签:

每个便签的内容都是分别独立保存的,可以随时点击桌面图标修改。


2.开发方式

开发的目的和追求的效果已经十分清楚了,首先我们确定一下开发方式。

在本文中,将采取一种渐进式的开发,也就是说不会一口气从头做到尾。

而是分为好几个阶段。每个阶段都完成一定的目标,然后下个阶段增加更多的功能,

每个阶段都离最终目标更进一步,OK,你可以说这是一次敏捷开发 :)

第一个阶段,首先我们会搭建一个widget原型程序,

它是完全可以运行的,可以创建桌面widget。

第二个阶段,我们改进 widget 配置Activity 部分的实现

使其具备创建便签的功能

第三个阶段,我们改进 widget 点击响应部分的实现,

使其具备修改便签的功能


3.搭建widget原型程序

本节我们会做一个最简单的widget程序原型,但是它是可以运行的。

一般来说 widget 程序由以下部分组成:

a. AppWidgetProvider 的实现

b. widget外观布局定义文件

c. 新增widget时的配置Activity的实现(可选)

d. widget 参数配置文件

以下分别讲解

a. AppWidgetProvider 的实现

首先我们新建一个android工程起名为MyNote,然后修改 MyNote.java 的代码,

使MyNote继承自 AppWidgetProvider ,并重写 onUpdate 和 onDeleted 方法。

其中onUpdate 会在widget创建及被更新时调用, onDeleted 会在widget被删除时调用。

目前我们不需要在这里实现任何功能,只是简单的记录日志以便我们观察其运行,编写好的代码如下:

  1. package com.silenceburn;
  2. import android.appwidget.AppWidgetManager;
  3. import android.appwidget.AppWidgetProvider;
  4. import android.content.Context;
  5. import android.util.Log;
  6. public class MyNote extends AppWidgetProvider {
  7. /** Called when the activity is first created. */
  8. final String mPerfName = "com.silenceburn.MyColorNoteConf";
  9. @Override
  10. public void onUpdate(Context context, AppWidgetManager appWidgetManager,
  11. int[] appWidgetIds) {
  12. // TODO Auto-generated method stub
  13. final int N = appWidgetIds.length;
  14. for (int i = 0; i < N; i++) {
  15. int appWidgetId = appWidgetIds[i];
  16. Log.i("myLog", "this is [" + appWidgetId + "] onUpdate!");
  17. }
  18. }
  19. @Override
  20. public void onDeleted(Context context, int[] appWidgetIds) {
  21. // TODO Auto-generated method stub
  22. final int N = appWidgetIds.length;
  23. for (int i = 0; i < N; i++) {
  24. int appWidgetId = appWidgetIds[i];
  25. Log.i("myLog", "this is [" + appWidgetId + "] onDelete!");
  26. }
  27. }
  28. }

b. widget外观布局定义文件

我们需要为widget编写一个外观布局文件,在本示例中,布局非常简单,只需要一个imageView即可

编写好的 my_note_widget.xml 文件如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:id="@+id/my_widget_img"
  4. android:layout_width="wrap_content"
  5. android:layout_height="wrap_content"
  6. android:src="@drawable/sketchy_paper_008"
  7. android:clickable="true"/>

这里用到了一个外部图片 sketchy_paper_008.png,来源于网络,感谢图片原作者。

可以到 http://dryicons.com/free-icons/preview/sketchy-paper-icons/ 打包下载。

(  注意下载下来的包中的文件名可能和我写的程序中的命名有差异,请注意自行调整。)

c. 新增widget时的配置Activity的实现(可选)

android平台为widget提供一个配置界面的功能,我们可以自定义一个Activity,

在widget参数配置文件中配置好相关参数后,此Activity会在用户新增widget时自动调用。

一般来说,这个配置界面的作用是用户新建widget时,让用户配置widget的一些属性,比如颜色、大小等等。

但是在我们的这个示例程序中,我们用它来当做创建便签的地方!

不过本节只是先实现一个原型程序,所以暂时不做处理,我们只是新建一个Activity即可。

新建名为MyNoteConf的Activity,重写onCreate方法,在OnCreate方法中,

由于这个Activity是由系统在新增widget时自动调用的,

所以我们可以用getIntent获取到传入的widgetId。可以判断其是否是一个有效的widgetId,

最后我们必须返回一个RESULT_OK的Intent,并结束当前Activity,系统才会认为配置成功,在桌面上放置这个widget。

如果返回RESULT_CANCELED,系统会认为配置失败,终止widget的创建过程。

编写好的MyNoteConf的代码如下:

  1. package com.silenceburn;
  2. import android.app.Activity;
  3. import android.appwidget.AppWidgetManager;
  4. import android.content.Intent;
  5. import android.os.Bundle;
  6. import android.util.Log;
  7. public class MyNoteConf extends Activity {
  8. int mAppWidgetId;
  9. @Override
  10. protected void onCreate(Bundle savedInstanceState) {
  11. // TODO Auto-generated method stub
  12. super.onCreate(savedInstanceState);
  13. Log.i("myLog"," on WidgetConf ... ");
  14. setResult(RESULT_CANCELED);
  15. // Find the widget id from the intent.
  16. Intent intent = getIntent();
  17. Bundle extras = intent.getExtras();
  18. if (extras != null) {
  19. mAppWidgetId = extras.getInt(AppWidgetManager.EXTRA_APPWIDGET_ID,
  20. AppWidgetManager.INVALID_APPWIDGET_ID);
  21. }
  22. // If they gave us an intent without the widget id, just bail.
  23. if (mAppWidgetId == AppWidgetManager.INVALID_APPWIDGET_ID) {
  24. finish();
  25. }
  26. // return OK
  27. Intent resultValue = new Intent();
  28. resultValue.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
  29. mAppWidgetId);
  30. setResult(RESULT_OK, resultValue);
  31. finish();
  32. }
  33. }

d. widget 参数配置文件

最后我们需要编写一个widget参数配置文件,将布局文件、配置Activity关联起来。

我们在res下新建目录xml,在xml目录下新增文件 my_note_widget.xml ,编写如下:

  1. <appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:minWidth="72dp" android:minHeight="72dp"
  3. android:updatePeriodMillis="86400000" android:initialLayout="@layout/my_note_widget"
  4. android:configure="com.silenceburn.MyNoteConf">
  5. </appwidget-provider>

其中 minWidth minHeight 用来指定widget的大小,如果我们只占用一个格子,也就是俗称的1X1,

那么72dp的长宽是android平台推荐的一个最佳实践值。

然后用 initialLayout 参数关联了我们编写好的 layout 文件,

用 configure 参数关联了我们编写好的配置用Activity:MyNoteConf,

此外还有一个参数 updatePeriodMills 指定widget的刷新周期,

从省电角度考虑,一般都把此值设置的比较大,如果一定要对widget做周期性的事情,可以使用AlarmManager。

至此所有widget的要素都已经准备好,我们运行一下来看看吧。


4.运行widget原型程序

为了运行widget,我们还需要修改一下 AndroidManifest.xml 来声明我们的widget。

声明一个receiver,过滤 android.appwidget.action.APPWIDGET_UPDATE ,

并且用metadata关联到我们自己编写的 appWidgetProvider 实现。

声明一个activity关联到我们的配置类 MyNoteConf,过滤 android.appwidget.action.APPWIDGET_CONFIGURE。

最后修改一下应用图标,此图标会出现在系统的新增widget列表中。

编写好的AndroidManifest.xml 如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.silenceburn" android:versionCode="1" android:versionName="1.0">
  4. <application android:icon="@drawable/sketchy_paper_008"
  5. android:label="@string/app_name">
  6. <receiver android:name=".MyNote">
  7. <intent-filter>
  8. <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
  9. </intent-filter>
  10. <meta-data android:name="android.appwidget.provider"
  11. android:resource="@xml/my_note_widget" />
  12. </receiver>
  13. <activity android:name=".MyNoteConf">
  14. <intent-filter>
  15. <action android:name="android.appwidget.action.APPWIDGET_CONFIGURE" />
  16. </intent-filter>
  17. </activity>
  18. </application>
  19. </manifest>

至此原型程序全部开发完成,运行一下看看效果吧!

在桌面上长点,可以选择我们刚刚写的原型widget“MyNote”了,

选择后出现我们定义的配置界面MyNoteConf,

但是由于我们在onCreate中finish了,所以是一闪而过的。

之后MyNote就出现在桌面上了。

我们可以随便拖动它,或者把它丢进垃圾箱,观察一下日志输出。


上半部分总结

上半部分主要完成了一个widget的原型,它没有任何业务功能,

但是已经是一个可以运行的骨架了。

在下半部分中我们为它添加血和肉,让它真正具备业务功能。

希望大家喜欢这种先写骨架,再逐步丰富的开发方式 :)

在上半部分中,已经实现了一个可以运行的widget,但是没有任何业务功能,因此下半部分中的任务就是逐步实现业务功能,最终完成此桌面便签程序。


5. 利用widget的配置Activtiy,实现新增便签功能

由于配置Activity由系统确保在新增widget时一定会调用,因此我们正好用此界面完成新增便签的功能。

我们同样采用渐进式的开发方式,分为如下几个阶段

a. 实现layout

b. 实现按键点击

c. 实现数据存储

以下分步讲解

a.实现layout

首先我们要为配置Activity定制一个layout,用于实现新增便签功能。观察第一节中的最终效果图,在我们的Layout上,主要由 提示文本TextView 、 编辑文本框EditText 、四个图片按钮ImageButton  三部分组成。

编写一个layout文件起名为 my_note_conf.xml 放在layout文件夹下,在文件中,首先用一个垂直的LinearLayout 把这三部分组织起来,通过使用weight权重设置,使EditText自动扩大到占满屏幕。

然后把四个图片按钮ImageButton 用一个水平的内嵌LinerLayout组织起来,并调整 gravity、margin 等属性使其更加美观。

编写好的layout文件如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout Android:orientation="vertical"
  3. android:layout_width="fill_parent" android:layout_height="fill_parent"
  4. xmlns:android="http://schemas.android.com/apk/res/android">
  5. <TextView android:layout_height="wrap_content" android:text="@string/note_title"
  6. android:layout_width="wrap_content" android:padding="10dp"></TextView>
  7. <LinearLayout android:layout_height="fill_parent"
  8. android:layout_width="fill_parent" android:layout_weight="1">
  9. <EditText android:id="@+id/EditText02" android:layout_width="fill_parent"
  10. android:layout_height="fill_parent" android:gravity="left"
  11. android:hint="@string/edithint"></EditText>
  12. </LinearLayout>
  13. <LinearLayout android:layout_height="fill_parent"
  14. android:layout_width="fill_parent" android:layout_weight="2"
  15. android:gravity="center">
  16. <ImageButton android:id="@+id/ImageButton01"
  17. android:layout_width="72dp" android:layout_height="72dp"
  18. android:src="@drawable/sketchy_paper_003" android:layout_margin="3dp"></ImageButton>
  19. <ImageButton android:id="@+id/ImageButton02"
  20. android:layout_width="72dp" android:layout_height="72dp"
  21. android:src="@drawable/sketchy_paper_004" android:layout_margin="3dp"></ImageButton>
  22. <ImageButton android:id="@+id/ImageButton03"
  23. android:layout_width="72dp" android:layout_height="72dp"
  24. android:src="@drawable/sketchy_paper_007" android:layout_margin="3dp"></ImageButton>
  25. <ImageButton android:id="@+id/ImageButton04"
  26. android:layout_width="72dp" android:layout_height="72dp"
  27. android:src="@drawable/sketchy_paper_011" android:layout_margin="3dp"></ImageButton>
  28. </LinearLayout>
  29. </LinearLayout>

注意其中调用了外部图片,下载参考第3节的b小节。

还调用了strings.xml中的字符串定义。关于字符串定义常量,你可以用values-zh实现国际化,此处不再敷述。

至此layout编写完成,记得在配置Activity中增加 setContentView(R.layout.my_note_conf); 语句指定使用该layout文件。

b.实现按键点击

接下来我们实现四个ImageButton上的按键点击事件,由于按键事件基本相同,因此我们只编写一个OnClickListener,然后把它绑定到四个按钮上去。

在OnClickListener中,首先我们获取被点击的按钮的id,由此得知用户希望使用那一个图片作为widget图标,然后获取 RemoteViews 关联到我们的widget,设置widget的imageSrc为新的图片,设置完成后需要获取AppWidgetManager,对指定的widget进行更新,才能使设置生效。

最后不要忘记把onCreate中返回RESULT_OK和finish的代码移到OnClickListener中来。

b小节部分编写完成后的代码如下:

  1. package com.silenceburn;
  2. import android.app.Activity;
  3. import android.appwidget.AppWidgetManager;
  4. import android.content.Intent;
  5. import android.os.Bundle;
  6. import android.util.Log;
  7. import android.view.View;
  8. import android.view.View.OnClickListener;
  9. import android.widget.ImageButton;
  10. import android.widget.RemoteViews;
  11. public class MyNoteConf extends Activity {
  12. int mAppWidgetId;
  13. ImageButton mImBtn1, mImBtn2, mImBtn3, mImBtn4;
  14. @Override
  15. protected void onCreate(Bundle savedInstanceState) {
  16. // TODO Auto-generated method stub
  17. super.onCreate(savedInstanceState);
  18. setContentView(R.layout.my_note_conf);
  19. Log.i("myLog", " on WidgetConf ... ");
  20. setResult(RESULT_CANCELED);
  21. // Find the widget id from the intent.
  22. Intent intent = getIntent();
  23. Bundle extras = intent.getExtras();
  24. if (extras != null) {
  25. mAppWidgetId = extras.getInt(AppWidgetManager.EXTRA_APPWIDGET_ID,
  26. AppWidgetManager.INVALID_APPWIDGET_ID);
  27. }
  28. // If they gave us an intent without the widget id, just bail.
  29. if (mAppWidgetId == AppWidgetManager.INVALID_APPWIDGET_ID) {
  30. finish();
  31. }
  32. mImBtn1 = (ImageButton) findViewById(R.id.ImageButton01);
  33. mImBtn2 = (ImageButton) findViewById(R.id.ImageButton02);
  34. mImBtn3 = (ImageButton) findViewById(R.id.ImageButton03);
  35. mImBtn4 = (ImageButton) findViewById(R.id.ImageButton04);
  36. mImBtn1.setOnClickListener(mBtnClick);
  37. mImBtn2.setOnClickListener(mBtnClick);
  38. mImBtn3.setOnClickListener(mBtnClick);
  39. mImBtn4.setOnClickListener(mBtnClick);
  40. }
  41. OnClickListener mBtnClick = new OnClickListener() {
  42. @Override
  43. public void onClick(View v) {
  44. int srcId = R.drawable.sketchy_paper_008;
  45. switch (v.getId()) {
  46. case R.id.ImageButton01:
  47. srcId = R.drawable.sketchy_paper_003;
  48. break;
  49. case R.id.ImageButton02:
  50. srcId = R.drawable.sketchy_paper_004;
  51. break;
  52. case R.id.ImageButton03:
  53. srcId = R.drawable.sketchy_paper_007;
  54. break;
  55. case R.id.ImageButton04:
  56. srcId = R.drawable.sketchy_paper_011;
  57. break;
  58. }
  59. Log.i("myLog", "mAppWidgetId is: " + mAppWidgetId);
  60. RemoteViews views = new RemoteViews(MyNoteConf.this
  61. .getPackageName(), R.layout.my_note_widget);
  62. views.setImageViewResource(R.id.my_widget_img, srcId);
  63. AppWidgetManager appWidgetManager = AppWidgetManager
  64. .getInstance(MyNoteConf.this);
  65. appWidgetManager.updateAppWidget(mAppWidgetId, views);
  66. // return OK
  67. Intent resultValue = new Intent();
  68. resultValue.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
  69. mAppWidgetId);
  70. setResult(RESULT_OK, resultValue);
  71. finish();
  72. }
  73. };
  74. }

这时我们可以运行一下看看效果了,添加我们开发的MyNote的widget后,会停止在配置界面等待用户输入便签内容,并选择桌面图标。用户选择后会在桌面上添加相应图标了!

c.实现数据存储

虽然用户可以指定桌面图标了,但是用户的便签内容还没有存储起来,需用把用户的便签内容持久化。

要把数据持久化,在android中最简单的办法是使用 SharedPreferences,更好的做法是使用SQLite,更更好的做法是使用ContentProvider包装。

本实例侧重于讲解widget开发,因此偷个懒,使用最简单的方法 SharedPreferences 实现。

SharedPreferences 使用非常简单,首先用一个特定的 Prefix 获取我们自用的 Preferences 空间。

这个特定的 Prefix 一般使用当前类的全限定名,以免和其他程序冲突。

获取到的Preferences 空间可以想象为一个哈希表,可以使用putXXXX(key,content)系列方法向其中放入名值对。

因此我们要做的事情就非常简单了,首先指定一个特定前缀:  final String mPerfName = "com.silenceburn.MyNoteConf";

然后获取EditText的内容,获得一个Preferences引用,使用putString将EditText的内容放入Preferences,代码加下:

  1. TextView mTextView = (TextView) MyNoteConf.this
  2. .findViewById(R.id.EditText02);
  3. SharedPreferences.Editor prefs = MyNoteConf.this
  4. .getSharedPreferences(mPerfName, 0).edit();
  5. prefs.putString("DAT" + mAppWidgetId, mTextView.getText()
  6. .toString());
  7. prefs.commit();

注意这里putString时使用的Key是  "DAT" + mAppWidgetId ,

由于mAppWidgetId 是每个widget的唯一标示,这样就可以有效的区分不同的widget的内容进行分别存储了。

将上述代码加入onClick 即完成了配置Activity部分的编写。


6.增加 widget 点击响应,实现修改便签功能

OK,终于来到了最后一步,就要大功告成了。这一步中的分阶段目标有:

a. 增加widget点击响应

b. 实现修改便签的Activity界面

以下分阶段说明

a. 增加widget点击响应

首先我们新建一个Activity类,起名为 MyNoteEdit,widget被点击时,将调用该Activity。

由于是对便签内容进行修改,所以我们这里可以取巧偷个懒,布局直接复用 my_note_conf.xml。

在本阶段,重点问题是可以点击widget调用MyNoteEdit,因此不需要进行更多处理,所以代码很简单:

  1. package com.silenceburn;
  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. public class MyNoteEdit extends Activity {
  5. @Override
  6. protected void onCreate(Bundle savedInstanceState) {
  7. // TODO Auto-generated method stub
  8. super.onCreate(savedInstanceState);
  9. setContentView(R.layout.my_note_conf);
  10. }
  11. }

之后,为了给widget增加点击响应,我们要再次修改一下第5小节中配置Activity的代码,为widget附着上一个pendingIntent,这样当widget被点击时,就可以触发我们指定的Intent了。

代码片段如下:

  1. Intent intent = new Intent(MyNoteConf.this, MyNoteEdit.class);
  2. intent.setAction(mPerfName + mAppWidgetId);
  3. intent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,mAppWidgetId);
  4. PendingIntent pendingIntent = PendingIntent.getActivity(MyNoteConf.this, 0,
  5. intent, 0);
  6. views.setOnClickPendingIntent(R.id.my_widget_img, pendingIntent);

注意这里我们使用intent.setAction(mPerfName + mAppWidgetId);为每个widget赋予了独一无二的Action。

否则获得的pendingIntent实际是同一个实例,仅extraData不同,根据创建pendingIntent方法的不同,extraData可能会被覆盖或者只初始化一次不再改变(getActivity的最后一个参数flags决定)。

这样我们在pendingIntent中就只能得到第一个新增的widget的Id,或者最后一次新增的widget的Id,

这显然不是我们希望看到的。

最后千万不要忘记在AndroidManifest.xml中添加我们新增的MyNoteEdit的声明,  <activity android:name=".MyNoteEdit"/>

至此点击响应增加完成,可以运行一下看看效果,生成widget到桌面后,可以点击widget激活修改窗口。

修改窗口复用了my_note_conf.xml 作为layout,所以和配置Activity看起来是一摸一样的。

b. 实现修改便签的Activity界面

到目前为止,绝大多数功能已经实现完毕,就差最后一小步了,就是修改便签内容。

因为在第五节的c小节中,我们putString时使用的Key是  "DAT" + mAppWidgetId ,所以我们在MyNoteEdit的onCreate里面,获取激发了此Activity的Intent,从Intent中取出放在extraData里的widgetId,就可以用此ID从perference中取出便签内容,并setText到EditText控件中。

这部分代码片段如下:

  1. Intent t = getIntent();
  2. Log.i("myLog",t.getAction());
  3. mAppWidgetId = t.getExtras().getInt(AppWidgetManager.EXTRA_APPWIDGET_ID,-1);
  4. Log.i("myLog","it‘s [" + mAppWidgetId + "] editing!");
  5. mPref = getSharedPreferences(mPerfName, 0);
  6. String noteContent = mPref.getString("DAT"+ mAppWidgetId, "");
  7. TextView mTextView= (TextView) findViewById(R.id.EditText02);
  8. mTextView.setText(noteContent);

而对于四个imageButton的点击事件,则几乎可以完全照抄MyNoteConf的实现。去掉一些无关代码即可。

最终完成的MyNoteEdit的代码如下:

  1. package com.silenceburn;
  2. import android.app.Activity;
  3. import android.appwidget.AppWidgetManager;
  4. import android.content.Intent;
  5. import android.content.SharedPreferences;
  6. import android.os.Bundle;
  7. import android.util.Log;
  8. import android.view.View;
  9. import android.view.View.OnClickListener;
  10. import android.widget.ImageButton;
  11. import android.widget.RemoteViews;
  12. import android.widget.TextView;
  13. public class MyNoteEdit extends Activity {
  14. int mAppWidgetId;
  15. TextView mTextView;
  16. ImageButton mImBtn1, mImBtn2, mImBtn3, mImBtn4;
  17. final String mPerfName = "com.silenceburn.MyNoteConf";
  18. SharedPreferences mPref;
  19. @Override
  20. protected void onCreate(Bundle savedInstanceState) {
  21. // TODO Auto-generated method stub
  22. super.onCreate(savedInstanceState);
  23. setContentView(R.layout.my_note_conf);
  24. Intent t = getIntent();
  25. Log.i("myLog", t.getAction());
  26. mAppWidgetId = t.getExtras().getInt(
  27. AppWidgetManager.EXTRA_APPWIDGET_ID, -1);
  28. Log.i("myLog", "it‘s [" + mAppWidgetId + "] editing!");
  29. mPref = getSharedPreferences(mPerfName, 0);
  30. String noteContent = mPref.getString("DAT" + mAppWidgetId, "");
  31. mTextView = (TextView) findViewById(R.id.EditText02);
  32. mTextView.setText(noteContent);
  33. mImBtn1 = (ImageButton) findViewById(R.id.ImageButton01);
  34. mImBtn2 = (ImageButton) findViewById(R.id.ImageButton02);
  35. mImBtn3 = (ImageButton) findViewById(R.id.ImageButton03);
  36. mImBtn4 = (ImageButton) findViewById(R.id.ImageButton04);
  37. mImBtn1.setOnClickListener(mBtnClick);
  38. mImBtn2.setOnClickListener(mBtnClick);
  39. mImBtn3.setOnClickListener(mBtnClick);
  40. mImBtn4.setOnClickListener(mBtnClick);
  41. }
  42. OnClickListener mBtnClick = new OnClickListener() {
  43. @Override
  44. public void onClick(View v) {
  45. SharedPreferences.Editor prefsEdit = mPref.edit();
  46. prefsEdit.putString("DAT" + mAppWidgetId, mTextView.getText()
  47. .toString());
  48. prefsEdit.commit();
  49. int srcId = R.drawable.sketchy_paper_008;
  50. switch (v.getId()) {
  51. case R.id.ImageButton01:
  52. srcId = R.drawable.sketchy_paper_003;
  53. break;
  54. case R.id.ImageButton02:
  55. srcId = R.drawable.sketchy_paper_004;
  56. break;
  57. case R.id.ImageButton03:
  58. srcId = R.drawable.sketchy_paper_007;
  59. break;
  60. case R.id.ImageButton04:
  61. srcId = R.drawable.sketchy_paper_011;
  62. break;
  63. }
  64. RemoteViews views = new RemoteViews(MyNoteEdit.this
  65. .getPackageName(), R.layout.my_note_widget);
  66. views.setImageViewResource(R.id.my_widget_img, srcId);
  67. AppWidgetManager appWidgetManager = AppWidgetManager
  68. .getInstance(MyNoteEdit.this);
  69. appWidgetManager.updateAppWidget(mAppWidgetId, views);
  70. MyNoteEdit.this.finish();
  71. }
  72. };
  73. }

至此修改功能也已经完成,本程序的所有功能添加完毕。我们可以如文初所述的那样,

可以通过桌面增加我们的MyNote小部件,输入便签内容,指定图标,

点击桌面上的便签,可以再次对便签内容进行修改,并更换图标。

桌面上可以同时存在多个便签,并可以分别进行修改


7.总结

本文通过介绍android便签软件的开发过程,讲解了android widget开发的一般方法和过程。

在开发过程中,我故意强调了分阶段渐进式的开发方法,力求每阶段都有可运行的可交付产品,

某种程度上实践了敏捷开发的理念。

不过由于本文只是个示例程序,因此对程序的美化、优化都很不足,在编程规范上也有散漫的地方。

这都是本程序的不足之处。

审视整个程序,会发现大量代码集中于配置界面和修改界面,

反而在appWidgetProvider中只有记录日志、清理Perferences等简单工作。

这虽然与本程序的需求目的有关,但是也跟为了省电android要求尽量降低自动update频率有关。(推荐值是至多一个小时一次)

所以我们尽量只在需要时,才用RemoteViews和appWidgetManager.updateAppWidget方法显式的去要求widget更新。

时间: 2024-10-14 02:06:55

Android Widget 开发实例:桌面便签程序的实现详解和源码的相关文章

android widget 开发实例 : 桌面便签程序的实现具体解释和源代码 (上)

如有错漏请不吝拍砖指正,转载请注明出处,很感谢 桌面便签软件是android上经常使用软件的一种,比方比較早的Sticky Note,就曾很流行, Sticky Note的介绍能够參见 http://www.tompda.com/c/article/11778/ 而实际上使用android平台对widget开发的支持,桌面便签类软件是很易于开发的. 本文通过逐步实现一个简单的桌面便签软件,和大家分享进行widget开发的过程和方法. 1.MyNote的终于实现效果 为了提起大家阅读本文的兴趣,先

win7桌面便签。自带的

新建WIN7下的桌面便签小程序 桌面—>新建 快捷方式-> 输入%windir%\system32\StikyNot.exe

android 浏览器开发实例

android app需要通过手机显示网页信息还是比较常用的,比如我最近业余开发的 抢商铺游戏,需要对游戏规则做说明,规则会比较多,而且要经常变动,就想到用网页来展示,更新起来方便,不像应用,一旦发布出去,就很难更改. 言归正传,下面介绍下我对系统webview的使用,做的一个简单浏览器,无图无真像,先看看图(博客园不能传图片,等图片功能恢复了再传): 首先是布局文件的编辑activity_browser.xml 采用RelativeLayout布局,不知道为什么采用LinearLayout布局

NABC团队开发-----电子秘书(便签+闹钟+音视频)

团队开发-----电子秘书(便签+闹钟+音视频) 团队博客地址:http://www.cnblogs.com/BWCK/ 队长:崔鹏勃 队员:白杰,王炳午,孔维春 开发项目:便签闹钟 N需求:事情多,爱忘事 ,异地恋等 A做法:需要先将音频录制并保存到手机APP客户端,并设置日期时间 B好处:方便安排,使忙人不再多忘事 C竞争:需要做到界面美观,音视屏,图片,要使顾客可以做到无脑操作.

团队开发-----电子秘书(便签+闹钟+音视频)

团队博客地址:http://www.cnblogs.com/BWCK/ 队长:崔鹏勃 队员:白杰,王炳午,孔维春 开发项目:便签闹钟 需求:事情多,爱忘事 ,异地恋等 做法:需要先将音频录制并保存到手机APP客户端,并设置日期时间 好处:方便安排,使忙人不再多忘事 竞争:需要做到界面美观,音视屏,图片,要使顾客可以做到无脑操作.

Android基础入门教程——2.3.1 TextView(文本框)详解

Android基础入门教程--2.3.1 TextView(文本框)详解 标签(空格分隔): Android基础入门教程 本节引言: 学习完Android中的六大布局,从本节开始我们来一个个讲解Android中的UI控件,本节给大家带来的UI控件是:TextView(文本框),用于显示文本的一个控件,另外声明一点,我不是翻译API文档,不会一个个属性的去扣,只学实际开发中常用的,有用的,大家遇到感觉到陌生的属性可以查询对应的API!当然,每一节开始都会贴这一节对应API文档的链接:TextVie

Android基础之十四数据存储 之 SQLite数据库详解

Android基础之十四数据存储 之 SQLite数据库详解 SQLite 是一款 轻量级的关系型数据库,它的运算速度非常快,占用资源很少,通常只需要几百 K 的内存就足够了,因而特别适合在移动设备上使用. SQLite 不仅支持标准的 SQL 语法,还遵循了数据库的 ACID( 原子性(Atomicity) .一致性(Consistency) . 隔离性(Isolation) . 持久性(Durability))事务,所以只要你以前使用过其他的关系型数据库,就可以很快地上手 SQLite.而

Linux用户态程序计时方式详解

前言 良好的计时器可帮助程序开发人员确定程序的性能瓶颈,或对不同算法进行性能比较.但要精确测量程序的运行时间并不容易,因为进程切换.中断.共享的多用户.网络流量.高速缓存访问及转移预测等因素都会对程序计时产生影响. 本文将不考虑这些影响因素(相关资料可参考<深入理解计算机系统>一书),而仅仅关注Linux系统中用户态程序执行时间的计算方式.除本文所述计时方式外,还可借助外部工具统计耗时,如<Linux调试分析诊断利器——strace>一文中介绍的strace. 本文示例代码的运行环

Android进阶中级教程——1.1 Git的本地使用详解

Android进阶中级教程--1.1 Git的本地使用详解 标签(空格分隔): Android进阶 1.引言 在之前的Android基础入门系列我们就讲解过Git的简单使用了,进阶系列我们 系统地对Git进行讲解,基本命令的使用:工作区,暂存区,历史仓库,远程仓库的概念, 团队协作中的分支管理,Android Studio中使用Git等:Git是一个快速的分布式的版本 控制系统,和其他的版本控制系统的差别在于Git直接记录快照,而不是差异比较! 差异比较的版本控制系统只关心文件内容的具体差异,然