Android 图标上面添加提醒(一)使用Canvas绘制

版权声明：本文为博主原创文章，未经博主允许不得转载。

在我们开发一些如通讯录、社交等应用或者应用添加新功能模块时，会考虑在对应的图标上加上未读信息的数量，或者是新功能提醒的图标，这样不占太大空间还能达到提示的目的.

之前在MMS分析部分，也有人问过我这种提醒的实现. 关于这种提醒的添加，我总结了下,有大概几种方法可以实现:

1. 在对应的布局放置TextView或者ImageView.

2. 用Canvas在原来Icon的bitmap基础上进行绘制

3. 利用开源项目ViewBadger进行添加,很方便，而且相对灵活

第一种方法只是调整下布局.这里不再讲述，直接看第二种方法:

效果图：

这里用到一个自定义的根据资源图标id获取图片的函数，很简单，代码如下：

1. /**
2. * 根据id获取一个图片
3. * @param res
4. * @param resId
5. * @return
6. */
7. private Bitmap getResIcon(Resources res,int resId){
8. Drawable icon=res.getDrawable(resId);
9. if(icon instanceof BitmapDrawable){
10. BitmapDrawable bd=(BitmapDrawable)icon;
11. return bd.getBitmap();
12. }else{
13. return null;
14. }
15. }

获取到图标之后就要对这个图标进行处理了，要为该图标加上数量的覆盖

1. /**
2. * 在给定的图片的右上角加上数量
3. * @param icon 给定的图片
4. */
5. private Bitmap generatorContactCountIcon(Bitmap icon){
6. //初始化画布
7. int iconSize=(int)getResources().getDimension(android.R.dimen.app_icon_size);
8. Log.d(TAG, "the icon size is "+iconSize);
9. Bitmap contactIcon=Bitmap.createBitmap(iconSize, iconSize, Config.ARGB_8888);
10. Canvas canvas=new Canvas(contactIcon);
11. //拷贝图片
12. Paint iconPaint=new Paint();
13. iconPaint.setDither(true);//防抖动
14. iconPaint.setFilterBitmap(true);//用来对Bitmap进行滤波处理，这样，当你选择Drawable时，会有抗锯齿的效果
15. Rect src=new Rect(0, 0, icon.getWidth(), icon.getHeight());
16. Rect dst=new Rect(0, 0, iconSize, iconSize);
17. canvas.drawBitmap(icon, src, dst, iconPaint);
18. //启用抗锯齿和使用设备的文本字距
19. Paint countPaint=new Paint(Paint.ANTI_ALIAS_FLAG|Paint.DEV_KERN_TEXT_FLAG);
20. countPaint.setColor(Color.RED);
21. countPaint.setTextSize(20f);
22. countPaint.setTypeface(Typeface.DEFAULT_BOLD);
23. canvas.drawText(String.valueOf(count), iconSize-18, 25, countPaint);
24. return contactIcon;
25. }

如有转载，请声明出处: 时之沙: http://blog.csdn.net/t12x3456