android HorizontalProgressBarWithNumber, android 自定义pm横线分割线控件(非浸入式)绿，棕，红

public class HorizontalProgressBarWithNumber extends ProgressBar {

    private static final int DEFAULT_TEXT_SIZE = 10;
    private static final int DEFAULT_TEXT_COLOR = 0XFFFC00D1;
    private static final int DEFAULT_COLOR_UNREACHED_COLOR = 0xFFd3d6da;
    private static final int DEFAULT_HEIGHT_REACHED_PROGRESS_BAR = 2;
    private static final int DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR = 2;
    private static final int DEFAULT_SIZE_TEXT_OFFSET = 10;

    /**
     * painter of all drawing things
     */
    protected Paint mPaint = new Paint();
    /**
     * color of progress number
     */
    protected int mTextColor = DEFAULT_TEXT_COLOR;
    /**
     * size of text (sp)
     */
    protected int mTextSize = sp2px(DEFAULT_TEXT_SIZE);

    /**
     * offset of draw progress
     */
    protected int mTextOffset = dp2px(DEFAULT_SIZE_TEXT_OFFSET);

    /**
     * height of reached progress bar
     */
    protected int mReachedProgressBarHeight = dp2px(DEFAULT_HEIGHT_REACHED_PROGRESS_BAR);

    /**
     * color of reached bar
     */
    protected int mReachedBarColor = DEFAULT_TEXT_COLOR;
    /**
     * color of unreached bar
     */
    protected int mUnReachedBarColor = DEFAULT_COLOR_UNREACHED_COLOR;
    /**
     * height of unreached progress bar
     */
    protected int mUnReachedProgressBarHeight = dp2px(DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR);
    /**
     * view width except padding
     */
    protected int mRealWidth;

    protected boolean mIfDrawText = true;

    protected static final int VISIBLE = 0;
    private int mFirstBarColor;
    private int mSecondBarColor;
    private int mThridBarColor;

    public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs,
                                           int defStyle) {
        super(context, attrs, defStyle);

        setHorizontalScrollBarEnabled(true);

        obtainStyledAttributes(attrs);

        mPaint.setTextSize(mTextSize);
        mPaint.setColor(mTextColor);

    }

    /**
     * get the styled attributes
     *
     * @param attrs
     */
    private void obtainStyledAttributes(AttributeSet attrs) {
        // init values from custom attributes
        final TypedArray attributes = getContext().obtainStyledAttributes(
                attrs, R.styleable.HorizontalProgressBarWithNumber);

        mTextColor = attributes
                .getColor(
                        R.styleable.HorizontalProgressBarWithNumber_progress_text_color,
                        DEFAULT_TEXT_COLOR);
        mTextSize = (int) attributes.getDimension(
                R.styleable.HorizontalProgressBarWithNumber_progress_text_size,
                mTextSize);

        mFirstBarColor = attributes
                .getColor(
                        R.styleable.HorizontalProgressBarWithNumber_first_reached_color,
                        mTextColor);

        mSecondBarColor = attributes
                .getColor(
                        R.styleable.HorizontalProgressBarWithNumber_second_reached_color,
                        mTextColor);

        mThridBarColor = attributes
                .getColor(
                        R.styleable.HorizontalProgressBarWithNumber_third_reached_color,
                        mTextColor);


        mReachedBarColor = attributes
                .getColor(
                        R.styleable.HorizontalProgressBarWithNumber_progress_reached_color,
                        mTextColor);
        mUnReachedBarColor = attributes
                .getColor(
                        R.styleable.HorizontalProgressBarWithNumber_progress_unreached_color,
                        DEFAULT_COLOR_UNREACHED_COLOR);
        mReachedProgressBarHeight = (int) attributes
                .getDimension(
                        R.styleable.HorizontalProgressBarWithNumber_progress_reached_bar_height,
                        mReachedProgressBarHeight);
        mUnReachedProgressBarHeight = (int) attributes
                .getDimension(
                        R.styleable.HorizontalProgressBarWithNumber_progress_unreached_bar_height,
                        mUnReachedProgressBarHeight);
        mTextOffset = (int) attributes
                .getDimension(
                        R.styleable.HorizontalProgressBarWithNumber_progress_text_offset,
                        mTextOffset);

        int textVisible = attributes
                .getInt(R.styleable.HorizontalProgressBarWithNumber_progress_text_visibility,
                        VISIBLE);
        if (textVisible != VISIBLE) {
            mIfDrawText = false;
        }
        attributes.recycle();
    }

    @Override
    protected synchronized void onMeasure(int widthMeasureSpec,
                                          int heightMeasureSpec) {
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
//        if (widthMode == MeasureSpec.AT_MOST) {
//            int a = 0;
//        }

        if (heightMode != MeasureSpec.EXACTLY) {

            float textHeight = (mPaint.descent() + mPaint.ascent());
            int exceptHeight = (int) (getPaddingTop() + getPaddingBottom() + Math
                    .max(Math.max(mReachedProgressBarHeight,
                            mUnReachedProgressBarHeight), Math.abs(textHeight * 3)));

            heightMeasureSpec = MeasureSpec.makeMeasureSpec(exceptHeight,
                    MeasureSpec.EXACTLY);
            //宽度
            int width = getScreenWidth();
            widthMeasureSpec = MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY);

        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    }

    /**
     * 得到屏幕宽度
     *
     * @return
     */
    private int getScreenWidth() {
        WindowManager windowManager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics displayMetrics = new DisplayMetrics();
        windowManager.getDefaultDisplay().getMetrics(displayMetrics);
        return displayMetrics.widthPixels;
    }


    @Override
    protected synchronized void onDraw(Canvas canvas) {
        canvas.save();
        //画笔平移到指定paddingLeft， getHeight() / 2位置，注意以后坐标都为以此为0，0
        canvas.translate(getPaddingLeft() + mRealWidth / 4, getHeight() / 2);

        boolean noNeedBg = false;
        //当前进度和总值的比例
        float radio = getProgress() * 1.0f / getMax();
        //已到达的宽度
        float progressPosX = (int) (mRealWidth * radio);
//        //绘制的文本
//        String text_first = "75";
//
//        //拿到字体的宽度和高度
//        float textWidth = mPaint.measureText(text_first);
//        float textHeight = (mPaint.descent() + mPaint.ascent()) / 2;


//
//        //如果到达最后，则未到达的进度条不需要绘制
//        if (progressPosX + textWidth > mRealWidth) {
//            progressPosX = mRealWidth - textWidth;
//            noNeedBg = true;
//        }
//
//        // 绘制已到达的进度
//        float endX = progressPosX - mTextOffset / 2;
//        if (endX > 0) {
//            mPaint.setColor(mReachedBarColor);
//            mPaint.setStrokeWidth(mReachedProgressBarHeight);
//            canvas.drawLine(0, 0, endX, 0, mPaint);
//        }
//
//        // 绘制文本
//        if (mIfDrawText) {
//            mPaint.setColor(mTextColor);
//            canvas.drawText(text, progressPosX, -textHeight, mPaint);
//        }
//
//        // 绘制未到达的进度条
//        if (!noNeedBg) {
//            float start = progressPosX + mTextOffset / 2 + textWidth;
//            mPaint.setColor(mUnReachedBarColor);
//            mPaint.setStrokeWidth(mUnReachedProgressBarHeight);
//            canvas.drawLine(start, 0, mRealWidth, 0, mPaint);
//        }

        /**
         * 绘制pm2.5 分割线 ，绿，棕，红
         */
        int first = mRealWidth / 2 / 3;
        mPaint.setColor(mFirstBarColor);
        mPaint.setStrokeWidth(mUnReachedProgressBarHeight);
        canvas.drawLine(0, 0, first, 0, mPaint);

        int second = mRealWidth / 2 / 3 * 2;
        mPaint.setColor(mSecondBarColor);
        mPaint.setStrokeWidth(mUnReachedProgressBarHeight);
        canvas.drawLine(first, 0, second, 0, mPaint);


        mPaint.setColor(mThridBarColor);
        mPaint.setStrokeWidth(mUnReachedProgressBarHeight);
        canvas.drawLine(second, 0, mRealWidth / 2, 0, mPaint);

        /**
         * 绘制数字
         */

        //绘制的文本
        String text_first = "75";

        //拿到字体的宽度和高度
        float textWidth = mPaint.measureText(text_first);
        float textHeight = (mPaint.descent() + mPaint.ascent()) / 2;

        // 绘制文本
        if (mIfDrawText) {
            mPaint.setColor(mTextColor);
            canvas.drawText(text_first, first, textHeight + textHeight / 2, mPaint);
        }


        //绘制的文本
        String text_second = "150";

        //拿到字体的宽度和高度
        float textWidth_second = mPaint.measureText(text_first);
        float textHeight_second = (mPaint.descent() + mPaint.ascent()) / 2;

        // 绘制文本
        if (mIfDrawText) {
            mPaint.setColor(mTextColor);
            canvas.drawText(text_second, second, textHeight + textHeight / 2, mPaint);
        }


        canvas.restore();


    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
//        mRealWidth = w - getPaddingRight() - getPaddingLeft();
        mRealWidth = w - getPaddingRight() - getPaddingLeft();
    }

    /**
     * dp 2 px
     *
     * @param dpVal
     */
    protected int dp2px(int dpVal) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
                dpVal, getResources().getDisplayMetrics());
    }

    /**
     * sp 2 px
     *
     * @param spVal
     * @return
     */
    protected int sp2px(int spVal) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,
                spVal, getResources().getDisplayMetrics());

    }

}

图片效果：

main.xml资源配置:

<com.massky.horizontalprogressbar.HorizontalProgressBarWithNumber
    android:id="@+id/id_progressbar01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:progress_reached_bar_height="6dp"
    app:progress_unreached_bar_height="6dp"
    android:layout_marginTop="50dip"
    app:progress_unreached_color="@color/colorPrimaryDark"
    app:progress_reached_color="@android:color/black"
    app:first_reached_color="@color/colorgreen"
    app:progress_text_size="14sp"

    app:second_reached_color="@color/colororiange"
    app:third_reached_color="@color/colorred"
    android:padding="5dp" />