android RadioButton 添加角标

你的名字 2023-06-24 06:29 33阅读 0赞

只需要定义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_www.jianshu.com_p_e09cbe635f1a]  
源码地址 [https://github.com/lwcye/BadgeRadioButton][https_github.com_lwcye_BadgeRadioButton]

[https_www.jianshu.com_p_e09cbe635f1a]: https://www.jianshu.com/p/e09cbe635f1a
[https_github.com_lwcye_BadgeRadioButton]: https://github.com/lwcye/BadgeRadioButton