只需要定义2个Java文件,直接上代码
DrawableCenterRadioButton.java
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.drawable.Drawable;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.Gravity;
public class DrawableCenterRadioButton extends android.support.v7.widget.AppCompatRadioButton {
/** 字体高度 */
private float mFontHeight;
/** 位图集合 */
private Drawable[] mDrawables;
/** 字体偏移数据 */
private float mOffSize;
/**
* 构造函数
*
* @param context 上下文
*/
public DrawableCenterRadioButton(Context context) {
super(context);
init();
}
/**
* 构造函数
*
* @param context 上下文
* @param attrs 属性
*/
public DrawableCenterRadioButton(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
/**
* 构造函数
*
* @param context 上下文
* @param attrs 属性
* @param defStyle 样式
*/
public DrawableCenterRadioButton(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
mDrawables = getCompoundDrawables();
if (mDrawables[0] != null || mDrawables[2] != null) {
// 左、右
setGravity(Gravity.CENTER_VERTICAL | (mDrawables[0] != null ? Gravity.LEFT : Gravity.RIGHT));
} else if (mDrawables[1] != null || mDrawables[3] != null) {
// 上、下
setGravity(Gravity.CENTER_HORIZONTAL | (mDrawables[1] != null ? Gravity.TOP : Gravity.BOTTOM));
Paint.FontMetrics fm = getPaint().getFontMetrics();
mFontHeight = (float) Math.ceil(fm.descent - fm.ascent);
}
super.onLayout(changed, left, top, right, bottom);
}
@Override
protected void onDraw(Canvas canvas) {
int drawablePadding = getCompoundDrawablePadding();
if (mDrawables[0] != null) {
// 左
float textWidth = getPaint().measureText(getText().toString());
int drawableWidth = mDrawables[0].getIntrinsicWidth();
float bodyWidth = textWidth + drawableWidth + drawablePadding;
if (TextUtils.isEmpty(getText())) {
bodyWidth = drawableWidth;
}
mOffSize = (getWidth() - bodyWidth) / 2;
canvas.translate(mOffSize, 0);
} else if (mDrawables[2] != null) {
// 右
float textWidth = getPaint().measureText(getText().toString());
int drawableWidth = mDrawables[2].getIntrinsicWidth();
float bodyWidth = textWidth + drawableWidth + drawablePadding;
if (TextUtils.isEmpty(getText())) {
bodyWidth = drawableWidth;
}
mOffSize = (bodyWidth - getWidth()) / 2;
canvas.translate(mOffSize, 0);
} else if (mDrawables[1] != null) {
// 上
int drawableHeight = mDrawables[1].getIntrinsicHeight();
float bodyHeight = mFontHeight + drawableHeight + drawablePadding;
if (TextUtils.isEmpty(getText())) {
bodyHeight = drawableHeight;
}
mOffSize = (getHeight() - bodyHeight) / 2;
canvas.translate(0, mOffSize);
} else if (mDrawables[3] != null) {
// 下
int drawableHeight = mDrawables[3].getIntrinsicHeight();
float bodyHeight = mFontHeight + drawableHeight + drawablePadding;
if (TextUtils.isEmpty(getText())) {
bodyHeight = drawableHeight;
}
mOffSize = (bodyHeight - getHeight()) / 2;
canvas.translate(0, mOffSize);
}
super.onDraw(canvas);
}
public float getOffSize() {
return mOffSize;
}
/**
* 初始化
*/
void init() {
}
}
BadgeRadioButton.java
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.graphics.drawable.Drawable;
import android.support.annotation.ColorInt;
import android.text.TextPaint;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.View;
public class BadgeRadioButton extends DrawableCenterRadioButton {
/** 字体高度 */
private float mFontHeight;
/** 字体宽度 */
private float mFontWidth;
/** 位图集合 */
private Drawable[] mDrawables;
/** 位图 */
private Drawable mDrawableBackground;
/** 背景画笔 */
private Paint mBadgeBackgroundPaint;
/** 数字画笔 */
private Paint mBadgeTextPaint;
/** 数字字体大小 默认8sp */
private float mBadgeTextSize;
/** 内边距 默认4dp */
private int mBadgePadding;
/** x偏移量 */
private int mBadgeOffX;
/** Y偏移量 */
private int mBadgeOffY;
/** 数字 */
private int mBadgeNumber;
/** 数字文本 */
private String mBadgeText;
/** 是否存在阴影 默认存在 */
private boolean mBadgeShowShadow;
/** 背景颜色 默认红色 */
private int mBadgeColorBackground;
/** 字体颜色 默认白色 */
private int mBadgeColorBadgeText;
/** 是否截取数字 */
private boolean mBadgeExact;
/** 背景矩形 */
private RectF mBadgeBackgroundRect;
public BadgeRadioButton(Context context) {
super(context);
init();
}
public BadgeRadioButton(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public BadgeRadioButton(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (null != mDrawableBackground && null != mBadgeText) {
showShadowImpl(mBadgeShowShadow, mBadgeBackgroundPaint);
float maxPadding = getOffSize();
if (mBadgePadding > maxPadding) {
mBadgeOffY = (int) (mBadgePadding - maxPadding);
}
if (mBadgeText.length() == 0) {
canvas.drawCircle((getWidth() + mDrawableBackground.getIntrinsicWidth()) / 2 + mBadgeOffX, mFontHeight / 2 + mBadgeOffY, mFontHeight / 2 + mBadgePadding, mBadgeBackgroundPaint);
} else if (mBadgeText.length() <= 1) {
canvas.drawCircle((getWidth() + mDrawableBackground.getIntrinsicWidth()) / 2 + mBadgeOffX, mFontHeight / 2 + mBadgeOffY, mFontHeight / 2 + mBadgePadding, mBadgeBackgroundPaint);
} else {
mBadgeBackgroundRect.left = (getWidth() + mDrawableBackground.getIntrinsicWidth()) / 2 - mFontWidth / 2 - mBadgePadding + mBadgeOffX;
mBadgeBackgroundRect.right = (getWidth() + mDrawableBackground.getIntrinsicWidth()) / 2 + mFontWidth / 2 + mBadgePadding + mBadgeOffX;
mBadgeBackgroundRect.top = -mBadgePadding + mBadgeOffY;
mBadgeBackgroundRect.bottom = mFontHeight + mBadgePadding + mBadgeOffY;
canvas.drawRoundRect(mBadgeBackgroundRect, mFontHeight / 2 + mBadgePadding, mFontHeight / 2 + mBadgePadding, mBadgeBackgroundPaint);
}
canvas.drawText(mBadgeText, (getWidth() + mDrawableBackground.getIntrinsicWidth()) / 2 - mFontWidth / 2 + mBadgeOffX, mFontHeight + mBadgeOffY, mBadgeTextPaint);
}
}
/**
* 设置显示数字
*
* @param badgeNumber 标记数字
*/
public BadgeRadioButton setBadgeNumber(int badgeNumber) {
mBadgeNumber = badgeNumber;
if (mBadgeNumber < 0) {
mBadgeText = null;
} else if (mBadgeNumber > 99) {
mBadgeText = mBadgeExact ? String.valueOf(mBadgeNumber) : "99+";
} else if (mBadgeNumber > 0 && mBadgeNumber <= 99) {
mBadgeText = String.valueOf(mBadgeNumber);
} else if (mBadgeNumber == 0) {
mBadgeText = "";
}
if (!TextUtils.isEmpty(mBadgeText)) {
measureText();
}
invalidate();
return this;
}
/**
* 测量文本高度和宽度
*/
private void measureText() {
mFontHeight = Math.abs(mBadgeTextPaint.getFontMetrics().descent + mBadgeTextPaint.getFontMetrics().ascent);
mFontWidth = mBadgeTextPaint.measureText(mBadgeText);
}
/**
* 为画笔设置阴影
*
* @param showShadow 是否显示
* @param badgeBackgroundPaint 画笔
*/
private void showShadowImpl(boolean showShadow, Paint badgeBackgroundPaint) {
int x = dp2px(1);
int y = dp2px(1.5f);
badgeBackgroundPaint.setShadowLayer(showShadow ? dp2px(2f) : 0, x, y, 0x33000000);
}
@Override
void init() {
super.init();
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
mBadgeTextSize = dp2px(10);
mBadgePadding = dp2px(4);
mBadgeShowShadow = true;
mBadgeColorBackground = Color.RED;
mBadgeColorBadgeText = Color.WHITE;
mBadgeOffX = 0;
mBadgeOffY = 0;
mFontWidth = 0;
mFontHeight = 0;
mBadgeBackgroundRect = new RectF(0, 0, 0, 0);
//目前只支持drawableTop的RadioButton
mDrawables = getCompoundDrawables();
if (null != mDrawables[1]) {
mDrawableBackground = mDrawables[1];
}
/* 理论上可以支持drawableRight,但是没测试
else if (null != mDrawables[2]) {
mDrawableBackground = mDrawables[2];
}*/
mBadgeTextPaint = new TextPaint();
mBadgeTextPaint.setAntiAlias(true);
mBadgeTextPaint.setSubpixelText(true);
mBadgeTextPaint.setFakeBoldText(true);
mBadgeTextPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
mBadgeTextPaint.setTypeface(Typeface.DEFAULT_BOLD);
mBadgeTextPaint.setDither(true);
mBadgeTextPaint.setColor(mBadgeColorBadgeText);
mBadgeTextPaint.setTextSize(mBadgeTextSize);
mBadgeBackgroundPaint = new Paint();
mBadgeBackgroundPaint.setAntiAlias(true);
mBadgeBackgroundPaint.setStyle(Paint.Style.FILL);
mBadgeBackgroundPaint.setDither(true);
mBadgeBackgroundPaint.setColor(mBadgeColorBackground);
showShadowImpl(mBadgeShowShadow, mBadgeBackgroundPaint);
}
/**
* 设置字体大小,默认8dp
*
* @param badgeTextSize 内边距
*/
public BadgeRadioButton setBadgeTextSize(float badgeTextSize) {
mBadgeTextSize = badgeTextSize;
mBadgeTextPaint.setTextSize(mBadgeTextSize);
return setBadgeNumber(mBadgeNumber);
}
/**
* 设置内边距,默认4dp
*
* @param badgePadding 内边距
*/
public BadgeRadioButton setBadgePadding(int badgePadding) {
mBadgePadding = badgePadding;
return setBadgeNumber(mBadgeNumber);
}
/**
* 设置是否显示阴影,默认显示
*
* @param badgeShowShadow true - 显示
*/
public BadgeRadioButton setBadgeShowShadow(boolean badgeShowShadow) {
mBadgeShowShadow = badgeShowShadow;
return setBadgeNumber(mBadgeNumber);
}
/**
* 设置背景颜色,默认红色
*
* @param badgeColorBackground 背景颜色
*/
public BadgeRadioButton setBadgeColorBackground(@ColorInt int badgeColorBackground) {
mBadgeColorBackground = badgeColorBackground;
mBadgeBackgroundPaint.setColor(mBadgeColorBackground);
return setBadgeNumber(mBadgeNumber);
}
/**
* 设置标记字体颜色,默认白色
*
* @param badgeColorBadgeText 字体颜色
*/
public BadgeRadioButton setBadgeColorBadgeText(int badgeColorBadgeText) {
mBadgeColorBadgeText = badgeColorBadgeText;
mBadgeTextPaint.setColor(mBadgeColorBadgeText);
return setBadgeNumber(mBadgeNumber);
}
/**
* 设置X偏移量
*
* @param badgeOffX x偏移量
*/
public BadgeRadioButton setBadgeOffX(int badgeOffX) {
mBadgeOffX = badgeOffX;
return setBadgeNumber(mBadgeNumber);
}
/**
* 设置Y偏移量
*
* @param badgeOffY Y偏移量
*/
public BadgeRadioButton setBadgeOffY(int badgeOffY) {
mBadgeOffY = badgeOffY;
return setBadgeNumber(mBadgeNumber);
}
/**
* 是否截取字体,默认截取,如 100 -> 99+
*
* @param badgeExact true - 截取
*/
public BadgeRadioButton setBadgeExact(boolean badgeExact) {
mBadgeExact = badgeExact;
return setBadgeNumber(mBadgeNumber);
}
/**
* dp转px
*
* @param dpValue dp值
* @return px值
*/
public int dp2px(float dpValue) {
final float scale = getContext().getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
}
setBadgeNumber 方法介绍
setBadgeNumber(-1) 就是不显示
设置>0 ,就是显示具体数值
参考 https://www.jianshu.com/p/e09cbe635f1a
源码地址 https://github.com/lwcye/BadgeRadioButton