带角标的RadioButton

水深无声 2023-10-04 10:37 7阅读 0赞

[RadioButton小红点、数字角标的实现\_radiobutton 添加数量角标\_一杯清泉的博客-CSDN博客][RadioButton_radiobutton _-CSDN]

import android.content.Context;
    import android.graphics.Canvas;
    import android.graphics.Color;
    import android.graphics.Paint;
    import android.graphics.RectF;
    import android.text.TextUtils;
    import android.util.AttributeSet;
    
    import androidx.annotation.NonNull;
    import androidx.appcompat.widget.AppCompatRadioButton;
    import cn.mvp.mlibs.utils.UIUtils;
    
    public class AppRadioButton extends AppCompatRadioButton {
    
        private Paint mPaint;
        private boolean isShowDot;
        private boolean isShowNumberDot;
    
        //小红点半径
        private final int circleDotRadius = UIUtils.dip2px(4);
        //icon的尺寸，高 == 宽
        private final int drawableSize = UIUtils.dip2px(22);
        //小红点距离icon的padding
        private final int drawablePadding = UIUtils.dip2px(2);
        //矩形角标数字左右padding
        private final int rectFPaddingX = UIUtils.dip2px(4);
        //矩形角标数字上下padding
        private final int rectFPaddingY = UIUtils.dip2px(3);
        //角标矩形背景
        private int rectFRadius = UIUtils.dip2px(8);
        //圆点和角标颜色
        private final int PAINT_COLOR_DEFAULT = Color.parseColor("#FD481E");
    
        private String numberText;
    
        /**
         * 圆点和未读消息的坐标
         */
        private float pivotX;
        private float pivotY;
    
        public AppRadioButton(Context context) {
            super(context);
            init();
        }
    
        public AppRadioButton(Context context, AttributeSet attrs) {
            super(context, attrs);
            init();
        }
    
        public AppRadioButton(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            init();
        }
    
        private void init() {
            mPaint = new Paint();
            mPaint.setStrokeWidth(2);
            mPaint.setAntiAlias(true);
            mPaint.setColor(PAINT_COLOR_DEFAULT);
        }
    
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            canvas.translate(getScrollX(), 0);
            //设置角标位置 drawablePadding*5  修改角标x左边偏移量
            pivotX = getWidth() / 2 + drawableSize / 2 + drawablePadding * 5;
            pivotY = getHeight() / 2 - drawableSize / 2 - drawablePadding;
            if (isShowDot) {
                canvas.drawCircle(pivotX, pivotY, circleDotRadius, mPaint);
            } else if (isShowNumberDot && !TextUtils.isEmpty(numberText)) {
                if (Integer.parseInt(numberText) > 99) {
                    numberText = "99+";
                }
                if (numberText.length() == 1) {
                    rectFRadius = UIUtils.dip2px(6);
                }
                mPaint.setColor(PAINT_COLOR_DEFAULT);
                mPaint.setTextSize(UIUtils.dip2px(12));
                float textWidth = mPaint.measureText(numberText);
                Paint.FontMetrics fontMetrics = mPaint.getFontMetrics();
                float textHeight = Math.abs((fontMetrics.top + fontMetrics.bottom));
                RectF rect = new RectF(pivotX - UIUtils.dip2px(4), pivotY - textHeight / 2 - rectFPaddingY, pivotX + textWidth + rectFPaddingX * 2, pivotY + textHeight / 2 + rectFPaddingY);
                canvas.drawRoundRect(rect, rectFRadius, rectFRadius, mPaint);
                mPaint.setColor(Color.parseColor("#ffffff"));
                float baseline = (rect.bottom + rect.top - fontMetrics.bottom - fontMetrics.top) / 2 - UIUtils.dip2px(1);
                mPaint.setTextAlign(Paint.Align.CENTER);
                //绘制文本
                canvas.drawText(numberText, pivotX + textWidth / 2 + rectFPaddingX - UIUtils.dip2px(4) / 2, baseline, mPaint);
            }
        }
    
        /**
         * `
         * 设置是否显示小圆点
         */
        public void setShowSmallDot(boolean isShowDot) {
            this.isShowDot = isShowDot;
            invalidate();
        }
    
        /**
         * 设置是否显示数字
         */
        public void setNumberDot(boolean isShowNumberDot, @NonNull String text) {
            this.isShowNumberDot = isShowNumberDot;
            this.numberText = text;
            if (isShowNumberDot) {
                isShowDot = false;
            }
            invalidate();
        }
    }

//移除角标
    mRbMyApprove.setNumberDot(true, "");

非原创,忘记在哪儿看到的了,侵删

![20200726091455178.png][]

![20200726091609469.png][]

[RadioButton_radiobutton _-CSDN]: https://blog.csdn.net/yoonerloop/article/details/107589057?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-107589057-blog-115675838.235%5Ev38%5Epc_relevant_sort&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-107589057-blog-115675838.235%5Ev38%5Epc_relevant_sort&utm_relevant_index=2
[20200726091455178.png]: https://img-blog.csdnimg.cn/20200726091455178.png
[20200726091609469.png]: https://img-blog.csdnimg.cn/20200726091609469.png