前言
在QQ中有消息個數(shù)提醒的控件,雖然現(xiàn)在沒用到,但是以后可能會用到,所以就實現(xiàn)它,也不難。
實現(xiàn)
效果圖如下:

先貼源碼了:
public class TipNumberView extends TextView { private Paint mBgPaint ; PaintFlagsDrawFilter pfd; public TipNumberView(Context context, AttributeSet attrs) { super(context, attrs); //初始化畫筆 mBgPaint = new Paint(); mBgPaint.setColor(Color.RED); mBgPaint.setAntiAlias(true); pfd = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG); } public TipNumberView(Context context) { this(context,null); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); //得到測量的高度和寬度 int measuredWidth = getMeasuredWidth(); int measuredHeight = getMeasuredHeight(); int max = Math.max(measuredWidth, measuredHeight); //設(shè)置控件區(qū)域大小 setMeasuredDimension(max, max); } //設(shè)置背景顏色 @Override public void setBackgroundColor(int color){ mBgPaint.setColor(color); } /** * 設(shè)置通知個數(shù)顯示 * @param text */ public void setNotifiText(int text){ setText(text+""); } public void setNotifiText(String text){ setText(text); } //繪圖 @Override public void draw(Canvas canvas) { //設(shè)置繪圖無鋸齒 canvas.setDrawFilter(pfd); canvas.drawCircle(getWidth()/2, getHeight()/2, Math.max(getWidth()/2, getHeight())/2, mBgPaint); super.draw(canvas); }}我是直接繼承至TextView,因為TextView有setText方法,所以只需要繪制圓形的紅色背景,然后調(diào)用方法setText即可,這就是實現(xiàn)的思路。
先要覆蓋onMeasure方法來得到寬度和高度,因為背景為圓形,所以我們?nèi)挾群透叨葍烧咧g的最大值,然后設(shè)置控件大小為一個正方形,在這個正方形的矩形里面,調(diào)用drawCircle方法來繪制圓形,設(shè)置畫筆的顏色為紅色即可。
小結(jié)
在布局文件使用這個類的時候,要設(shè)置android:gravity為center,這樣數(shù)字就可以居中了,之所以沒有繼承View來進(jìn)行寫,因為View還要自己去畫數(shù)字,這樣就增加了難度,不值得了。
源碼下載點擊這里。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持VEVB武林網(wǎng)。
新聞熱點
疑難解答
圖片精選