源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Android 给应用程序的icon添加未读消息个数提示(红圈内数字)

  • 时间:2020-09-21 21:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Android 给应用程序的icon添加未读消息个数提示(红圈内数字)
最近在做一个可以查看未读消息的功能,需要在界面中的Tab页的标签icon的右上角添加一个未读消息提示的功能。 先上个效果图出来,比较直观明白需求: [img]http://files.jb51.net/file_images/article/201704/2017410152237251.jpg?2017310152318[/img] [b]思路上似乎有两种:[/b] [b] 1. 直接把底图和红圆圈的图片用相对布局进行排列,在代码中动态更改红圆中的TextView的数字,并且识别一下各种情况下红圆的显示或者隐藏。这种方法比较直观。[/b] [b] 2. 采用canvas画出圆和数字。[/b] 由于项目采用的是Tab页的形式,其中的RadioButton不适合采用相对布局。故我采用了第二种方式。将绘制的过程写成了工具方法。在需要的时候调用。便于以后的技术迁移。 直接上代码:
/** 
  * 绘制图标右上角的未读消息数量显示 
  * 
  * @param context 
  *   上下文 
  * @param icon 
  *   需要被添加的icon的资源ID 
  * @param news 
  *   未读的消息数量 
  * @return drawable 
  */ 
 @SuppressWarnings("unused") 
 public static Drawable displayNewsNumber(Context context, int icon, int news) { 
  // 初始化画布 
  int iconSize = (int) context.getResources().getDimension( 
    android.R.dimen.app_icon_size); 
  // Bitmap contactIcon = Bitmap.createBitmap(iconSize, iconSize, 
  // Config.ARGB_8888); 
  Bitmap iconBitmap = BitmapFactory.decodeResource( 
    context.getResources(), icon); 
  Canvas canvas = new Canvas(iconBitmap); 
  // 拷贝图片 
  Paint iconPaint = new Paint(); 
  iconPaint.setDither(true);// 防抖动 
  iconPaint.setFilterBitmap(true);// 用来对Bitmap进行滤波处理 
  Rect src = new Rect(0, 0, iconBitmap.getWidth(), iconBitmap.getHeight()); 
  Rect dst = new Rect(0, 0, iconBitmap.getWidth(), iconBitmap.getHeight()); 
  canvas.drawBitmap(iconBitmap, src, dst, iconPaint); 
  // 启用抗锯齿和使用设备的文本字距 
  Paint countPaint = new Paint(Paint.ANTI_ALIAS_FLAG 
    | Paint.DEV_KERN_TEXT_FLAG); 
  countPaint.setColor(Color.RED); 
  canvas.drawCircle(iconSize - 13, 20, 10, countPaint); 

  Paint textPaint = new Paint(); 
  textPaint.setColor(Color.WHITE); 
  // textPaint.setTypeface(Typeface.DEFAULT_BOLD); 
  textPaint.setTextSize(19f); 
  canvas.drawText(String.valueOf(news), iconSize - 18, 27, textPaint); 
  return new BitmapDrawable(iconBitmap); 
 } 
调用语句:
if (count > 0) {//显示右上角未读消息提示 
   Drawable mineDrawable = BitmapUtil.displayNewsNumber(this, 
     R.drawable.icon_mine, count); 
   mineButton.setCompoundDrawablesWithIntrinsicBounds(null, null, 
     null, mineDrawable);//这里就是设置背景,自行发挥。 
  } else {//隐藏 
   Drawable defaultDrawable = getResources().getDrawable( 
     R.drawable.icon_mine); 
   mineButton.setCompoundDrawablesWithIntrinsicBounds(null, null, 
     null, defaultDrawable); 
  } 
[b]注:[/b] [b]1.count是未读消息的数量。[/b] [b]2.[/b][code]setCompoundDrawablesWithIntrinsicBounds(Drawable left, Drawable top, Drawable right, Drawable bottom)[/code][b]可以在上、下、左、右设置图标,如果不想在某个地方显示,则设置为null。图标的宽高将会设置为固有宽高,既自动通过getIntrinsicWidth和getIntrinsicHeight获取。该方法是和在xml中设置 [/b][code]Android:drawableTop="@drawable/icon_mine[/code][b]"的效果一样。[/b] 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程素材网!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部