欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android实现消息提醒小红点效果

程序员文章站 2023-11-04 12:41:10
本人分享一下,自己写的一个消息提醒小红点控件,支持圆、矩形、椭圆、圆角矩形、正方形五种图形样式,可带文字,支持链式操作。 先看一下实现效果,随便测了几个控件(text...

本人分享一下,自己写的一个消息提醒小红点控件,支持圆、矩形、椭圆、圆角矩形、正方形五种图形样式,可带文字,支持链式操作。

先看一下实现效果,随便测了几个控件(textview、imageview、radiobutton、linearlayout、relativelayout、framelayout),不确定其他会不会有问题。

Android实现消息提醒小红点效果

import android.content.context; 
import android.graphics.canvas; 
import android.graphics.color; 
import android.graphics.paint; 
import android.graphics.rectf; 
import android.util.attributeset; 
import android.util.log; 
import android.view.gravity; 
import android.view.view; 
import android.view.viewgroup; 
import android.widget.framelayout; 
import android.widget.tabwidget; 
 
public class badgeview extends view { 
 protected static final string log_tag = "badgeview"; 
 // 该控件的背景图形类型 
 public static final int shape_circle = 1; 
 public static final int shape_rectangle = 2; 
 public static final int shape_oval = 3; 
 public static final int shapte_round_rectangle = 4; 
 public static final int shape_square = 5; 
 // 该框架内容的文本画笔 
 private paint mtextpaint; 
 // 该控件的背景画笔 
 private paint mbgpaint; 
 
 private int mheight = 0; 
 private int mwidth = 0; 
 private int mbackgroundshape = shape_circle; 
 private int mtextcolor = color.white; 
 private int mtextsize; 
 private int mbgcolor = color.red; 
 private string mtext = ""; 
 private int mgravity = gravity.right | gravity.top; 
 private rectf mrectf; 
 private float mtexth; 
 private boolean misshow = false; 
 
 public badgeview(context context) { 
 this(context, null); 
 } 
 
 public badgeview(context context, attributeset attrs) { 
 this(context, attrs, 0); 
 } 
 
 public badgeview(context context, attributeset attrs, int defstyleattr) { 
 super(context, attrs, defstyleattr); 
 
 mrectf = new rectf(); 
 
 mtextsize = dip2px(context, 1); 
 mtextpaint = new paint(paint.anti_alias_flag); 
 mtextpaint.setcolor(mtextcolor); 
 mtextpaint.setstyle(paint.style.fill); 
 mtextpaint.settextsize(mtextsize); 
 mtextpaint.settextalign(paint.align.center); 
 mbgpaint = new paint(paint.anti_alias_flag); 
 mbgpaint.setcolor(mbgcolor); 
 mbgpaint.setstyle(paint.style.fill); 
 framelayout.layoutparams params = new framelayout.layoutparams( 
  framelayout.layoutparams.wrap_content, 
  framelayout.layoutparams.wrap_content); 
 params.gravity = mgravity; 
 setlayoutparams(params); 
 } 
 
 @override 
 protected void ondraw(canvas canvas) { 
 super.ondraw(canvas); 
 mrectf.set(0, 0, getmeasuredwidth(), getmeasuredheight()); 
 paint.fontmetrics fontmetrics = mtextpaint.getfontmetrics(); 
 mtexth = fontmetrics.descent - fontmetrics.ascent; 
 switch (mbackgroundshape) { 
  case shape_circle: 
  canvas.drawcircle(getmeasuredwidth() / 2f, 
   getmeasuredheight() / 2f, getmeasuredwidth() / 2, mbgpaint); 
  canvas.drawtext(mtext, getmeasuredwidth() / 2f, getmeasuredheight() 
   / 2f + (mtexth / 2f - fontmetrics.descent), mtextpaint); 
  break; 
  case shape_oval: 
 
  canvas.drawoval(mrectf, mbgpaint); 
  canvas.drawtext(mtext, getmeasuredwidth() / 2f, getmeasuredheight() 
   / 2f + (mtexth / 2f - fontmetrics.descent), mtextpaint); 
  break; 
  case shape_rectangle: 
  canvas.drawrect(mrectf, mbgpaint); 
  canvas.drawtext(mtext, getmeasuredwidth() / 2f, getmeasuredheight() 
   / 2f + (mtexth / 2f - fontmetrics.descent), mtextpaint); 
  break; 
  case shape_square: 
  int sidelength = math.min(getmeasuredheight(), getmeasuredwidth()); 
  mrectf.set(0, 0, sidelength, sidelength); 
  canvas.drawrect(mrectf, mbgpaint); 
  canvas.drawtext(mtext, sidelength / 2f, sidelength / 2f 
   + (mtexth / 2f - fontmetrics.descent), mtextpaint); 
  break; 
  case shapte_round_rectangle: 
  canvas.drawroundrect(mrectf, dip2px(getcontext(), getmeasuredwidth()/2), 
   dip2px(getcontext(), getmeasuredwidth()/2), mbgpaint); 
  canvas.drawtext(mtext, getmeasuredwidth() / 2f, getmeasuredheight() 
   / 2f + (mtexth / 2f - fontmetrics.descent), mtextpaint); 
  break; 
 } 
 
 } 
 
 /** 
 * 设置该控件的背景颜色 
 * 
 * @param color 
 *  背景颜色 
 * @return badgeview 
 */ 
 public badgeview setbadgebackgroundcolor(int color) { 
 mbgcolor = color; 
 mbgpaint.setcolor(color); 
 invalidate(); 
 return this; 
 } 
 
 /** 
 * 设置该控件的背景图形 
 * 
 * @param shape 
 *  图形 
 * @return 
 */ 
 public badgeview setbackgroundshape(int shape) { 
 mbackgroundshape = shape; 
 invalidate(); 
 return this; 
 } 
 
 /** 
 * 设置该控件的宽 
 * 
 * @param width 
 *  宽 
 * @return badgeview 
 */ 
 public badgeview setwidth(int width) { 
 this.mwidth = width; 
 this.setbadgelayoutparams(width, mheight); 
 return this; 
 
 } 
 
 /** 
 * 设置该控件的高 
 * 
 * @param height 
 *  高 
 * @return badgeview 
 */ 
 public badgeview setheight(int height) { 
 this.mheight = height; 
 this.setbadgelayoutparams(mwidth, height); 
 return this; 
 } 
 
 /** 
 * 设置该控件的高和宽 
 * 
 * @param width 
 *  宽 
 * @param height 
 *  高 
 * @return 
 */ 
 public badgeview setbadgelayoutparams(int width, int height) { 
 this.mwidth = width; 
 this.mheight = height; 
 framelayout.layoutparams params = (framelayout.layoutparams) getlayoutparams(); 
 params.width = dip2px(getcontext(), width); 
 params.height = dip2px(getcontext(), height); 
 setlayoutparams(params); 
 return this; 
 } 
 
 /** 
 * 设置该控件的位置 
 * 
 * @param gravity 
 *  位置 
 * @return badgeview 
 */ 
 public badgeview setbadgegravity(int gravity) { 
 mgravity = gravity; 
 framelayout.layoutparams params = (framelayout.layoutparams) getlayoutparams(); 
 params.gravity = gravity; 
 setlayoutparams(params); 
 return this; 
 } 
 
 /** 
 * 设置该控件的高和宽、位置 
 * 
 * @param width 
 *  宽 
 * @param height 
 *  高 
 * @param gravity 
 *  位置 
 * @return badgeview 
 */ 
 public badgeview setbadgelayoutparams(int width, int height, int gravity) { 
 framelayout.layoutparams params = (framelayout.layoutparams) getlayoutparams(); 
 params.width = dip2px(getcontext(), width); 
 params.height = dip2px(getcontext(), height); 
 setlayoutparams(params); 
 setbadgegravity(gravity); 
 return this; 
 } 
 
 /** 
 * 设置该控件的文本大小 
 * 
 * @param size 
 *  文本大小(sp) 
 * @return 
 */ 
 public badgeview settextsize(int size) { 
 mtextsize = sp2px(getcontext(), size); 
 mtextpaint.settextsize(sp2px(getcontext(), size)); 
 invalidate(); 
 return this; 
 } 
 
 /** 
 * 设置该控件的文本颜色 
 * 
 * @param color 
 *  文本颜色 
 * @return badgeview 
 */ 
 public badgeview settextcolor(int color) { 
 mtextcolor = color; 
 mtextpaint.setcolor(color); 
 invalidate(); 
 return this; 
 } 
 
 /** 
 * 设置该控件的文本是否为粗体 
 * 
 * @param flag 
 */ 
 public void setbadgeboldtext(boolean flag) { 
 mtextpaint.setfakeboldtext(flag); 
 invalidate(); 
 } 
 
 /** 
 * 设置该控件要显示的整数文本 
 * 
 * @param count 
 *  要显示的整数文本 
 * @return badgeview 
 */ 
 public badgeview setbadgetext(int count) { 
 mtext = string.valueof(count); 
 invalidate(); 
 return this; 
 } 
 
 /** 
 * 设置该控件要显示的整数文本数字,超过指定上限显示为指定的上限内容 
 * 
 * @param count 
 *  要显示的整数文本 
 * @param maxcount 
 *  数字上限 
 * @param text 
 *  超过上限要显示的字符串文本 
 * @return badgeview 
 */ 
 public badgeview setbadgetext(int count, int maxcount, string text) { 
 if (count <= maxcount) { 
  mtext = string.valueof(count); 
 } else { 
  mtext = text; 
 } 
 invalidate(); 
 return this; 
 } 
 
 /** 
 * 设置该控件要显示的字符串文本 
 * 
 * @param text 
 *  要显示的字符串文本 
 * @return badgeview 
 */ 
 public badgeview setbadgetext(string text) { 
 mtext = text; 
 invalidate(); 
 return this; 
 } 
 
 /** 
 * 设置绑定的控件 
 * 
 * @param view 
 *  要绑定的控件 
 * @return badgeview 
 */ 
 public badgeview setbindview(view view) { 
 misshow = true; 
 if (getparent() != null) 
  ((viewgroup) getparent()).removeview(this); 
 if (view == null) 
  return this; 
 if (view.getparent() instanceof framelayout) { 
  ((framelayout) view.getparent()).addview(this); 
 } else if (view.getparent() instanceof viewgroup) { 
  viewgroup parentcontainer = (viewgroup) view.getparent(); 
  int viewindex = ((viewgroup) view.getparent()).indexofchild(view); 
  ((viewgroup) view.getparent()).removeview(view); 
  framelayout container = new framelayout(getcontext()); 
  viewgroup.layoutparams containerparams = view.getlayoutparams(); 
  container.setlayoutparams(containerparams); 
  container.setid(view.getid()); 
  view.setlayoutparams(new viewgroup.layoutparams( 
   viewgroup.layoutparams.match_parent, 
   viewgroup.layoutparams.match_parent)); 
  container.addview(view); 
  container.addview(this); 
  parentcontainer.addview(container, viewindex); 
 } else if (view.getparent() == null) { 
  log.e(log_tag, "view must have a parent"); 
 } 
 return this; 
 } 
 
 /** 
 * 设置绑定的控件 
 * 
 * @param view 要绑定的控件 
 * @param tabindex 要绑定的控件的子项 
 */ 
 public void setbindview(tabwidget view, int tabindex) { 
 view tabview = view 
  .getchildtabviewat(tabindex); 
 this.setbindview(tabview); 
 } 
 
 /** 
 * 移除绑定的控件 
 * 
 * @return badgeview 
 */ 
 public boolean removebindview() { 
 if (getparent() != null) { 
  misshow = false; 
  ((viewgroup) getparent()).removeview(this); 
  return true; 
 } 
 return false; 
 } 
 
 /** 
 * @return 改控件的显示状态 
 */ 
 public boolean isshow() { 
 return misshow; 
 } 
 
 /** 
 * @return 控件的字符串文本 
 */ 
 public string getbadgetext() { 
 return mtext; 
 } 
 
 private int dip2px(context context, int dip) { 
 return (int) (dip 
  * getcontext().getresources().getdisplaymetrics().density + 0.5f); 
 } 
 
 private int sp2px(context context, float spvalue) { 
 final float fontscale = context.getresources().getdisplaymetrics().scaleddensity; 
 return (int) (spvalue * fontscale + 0.5f); 
 } 
 
} 

可*定制自己喜欢的控件,为了方便使用这里还采用工厂模式封装一些基本方法,如下:

import android.content.context; 
import android.view.gravity; 
 
public class badgefactory { 
 
 public static badgeview create(context context) { 
 return new badgeview(context); 
 } 
 
 public static badgeview createdot(context context) { 
 return new badgeview(context).setbadgelayoutparams(10, 10) 
  .settextsize(0) 
  .setbadgegravity(gravity.right | gravity.top) 
  .setbackgroundshape(badgeview.shape_circle); 
 } 
 
 public static badgeview createcircle(context context) { 
 return new badgeview(context).setbadgelayoutparams(16, 16) 
  .settextsize(12) 
  .setbadgegravity(gravity.right | gravity.top) 
  .setbackgroundshape(badgeview.shape_circle); 
 } 
 
 public static badgeview createrectangle(context context) { 
 return new badgeview(context).setbadgelayoutparams(2, 20) 
  .settextsize(12) 
  .setbadgegravity(gravity.right | gravity.top) 
  .setbackgroundshape(badgeview.shape_rectangle); 
 } 
 
 public static badgeview createoval(context context) { 
 return new badgeview(context).setbadgelayoutparams(25, 20) 
  .settextsize(12) 
  .setbadgegravity(gravity.right | gravity.top) 
  .setbackgroundshape(badgeview.shape_oval); 
 } 
 
 public static badgeview createsquare(context context) { 
 return new badgeview(context).setbadgelayoutparams(20, 20) 
  .settextsize(12) 
  .setbadgegravity(gravity.right | gravity.top) 
  .setbackgroundshape(badgeview.shape_square); 
 } 
 
 public static badgeview createroundrect(context context) { 
 return new badgeview(context).setbadgelayoutparams(25, 20) 
  .settextsize(12) 
  .setbadgegravity(gravity.right | gravity.top) 
  .setbackgroundshape(badgeview.shapte_round_rectangle); 
 } 
 
} 

源码下载:android实现消息提醒小红点

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。