数字进度条NumberProgressBar

来源：互联网发布：windows pe如何分区编辑：程序博客网时间：2024/05/01 19:21

Android原生的ProgressBar在不同的主题下显示的风格迥异，基本上可以满足我们的正常使用，但是有时候我们的APP可能会要求比较美观或者个性化，此时就需要自定义我们理想中的ProgressBar样式来满足需求。

NumberProgressBar是一个自定义的数字进度条，在升级或者上传下载等过程中会经常用到，是最常用的进度条使用方式之一。

效果图

以下是NumberProgressBar的使用方式：

1、MainActivity.java

package com.wiggins.numberprogressbar;import android.app.Activity;import android.os.Bundle;import android.widget.Toast;import com.wiggins.numberprogressbar.listener.OnProgressBarListener;import com.wiggins.numberprogressbar.widget.NumberProgressBar;import java.util.Timer;import java.util.TimerTask;/** * @Description 自定义数字进度条：ProgressBar * @Author 一花一世界 * @Time 2017/1/12 14:57 */public class MainActivity extends Activity implements OnProgressBarListener {    private MainActivity mActivity = null;    private Timer timer;    private NumberProgressBar npb; //进度条组件    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mActivity = this;        initView();        setListener();        setProgress();    }    private void initView() {        npb = (NumberProgressBar) findViewById(R.id.numberProgressBar);    }    private void setListener() {        npb.setOnProgressBarListener(this);    }    /**     * @Description 创建一个定时任务，模拟进度更新     */    private void setProgress() {        timer = new Timer();        timer.schedule(new TimerTask() {            @Override            public void run() {                runOnUiThread(new Runnable() {                    @Override                    public void run() {                        //递增progress数值                        npb.incrementProgressBy(1);                    }                });            }        }, 1000, 100);    }    /**     * @Description 实现对进度实时监听，max默认为100     */    @Override    public void onProgressChange(int current, int max) {        if (current == max) {            showToast(getResources().getString(R.string.finish));            npb.setProgress(0);        }    }    /**     * @Description 吐司     */    private void showToast(String str) {        Toast.makeText(mActivity, str, Toast.LENGTH_SHORT).show();    }    /**     * @Description 取消定时任务     */    @Override    protected void onDestroy() {        super.onDestroy();        timer.cancel();    }}

2、xml布局文件，需要注意的是记得加命名空间xmlns:custom="http://schemas.android.com/apk/res-auto"

<com.wiggins.numberprogressbar.widget.NumberProgressBar        android:id="@+id/numberProgressBar"        style="@style/NumberProgressBar_Default"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_margin="@dimen/margin_normal"        custom:progress_current="0" />

3、style样式属性

<style name="NumberProgressBar_Default">        <item name="android:layout_height">wrap_content</item>        <item name="android:layout_width">match_parent</item>        <item name="progress_max">100</item>        <item name="progress_current">0</item>        <item name="progress_unreached_color">#CCCCCC</item>        <item name="progress_reached_color">#3498DB</item>        <item name="progress_text_size">10sp</item>        <item name="progress_text_color">#3498DB</item>        <item name="progress_reached_bar_height">3dp</item>        <item name="progress_unreached_bar_height">2dp</item>    </style>

4、进度条进度监听

package com.wiggins.numberprogressbar.listener;/** * @Description 进度条进度监听 * @Author 一花一世界 * @Time 2017/1/12 14:41 */public interface OnProgressBarListener {    void onProgressChange(int current, int max);}

5、自定义数字进度条

package com.wiggins.numberprogressbar.widget;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.RectF;import android.os.Bundle;import android.os.Parcelable;import android.util.AttributeSet;import android.view.View;import com.wiggins.numberprogressbar.R;import com.wiggins.numberprogressbar.listener.OnProgressBarListener;/** * @Description 自定义数字进度条：ProgressBar * @Author 一花一世界 * @Time 2017/1/12 14:36 */public class NumberProgressBar extends View {    private int mMaxProgress = 100;    /**     * Current progress, can not exceed the max progress.     */    private int mCurrentProgress = 0;    /**     * The progress area bar color.     */    private int mReachedBarColor;    /**     * The bar unreached area color.     */    private int mUnreachedBarColor;    /**     * The progress text color.     */    private int mTextColor;    /**     * The progress text size.     */    private float mTextSize;    /**     * The height of the reached area.     */    private float mReachedBarHeight;    /**     * The height of the unreached area.     */    private float mUnreachedBarHeight;    /**     * The suffix of the number.     */    private String mSuffix = "%";    /**     * The prefix.     */    private String mPrefix = "";    private final int default_text_color = Color.rgb(66, 145, 241);    private final int default_reached_color = Color.rgb(66, 145, 241);    private final int default_unreached_color = Color.rgb(204, 204, 204);    private final float default_progress_text_offset;    private final float default_text_size;    private final float default_reached_bar_height;    private final float default_unreached_bar_height;    /**     * For save and restore instance of progressbar.     */    private static final String INSTANCE_STATE = "saved_instance";    private static final String INSTANCE_TEXT_COLOR = "text_color";    private static final String INSTANCE_TEXT_SIZE = "text_size";    private static final String INSTANCE_REACHED_BAR_HEIGHT = "reached_bar_height";    private static final String INSTANCE_REACHED_BAR_COLOR = "reached_bar_color";    private static final String INSTANCE_UNREACHED_BAR_HEIGHT = "unreached_bar_height";    private static final String INSTANCE_UNREACHED_BAR_COLOR = "unreached_bar_color";    private static final String INSTANCE_MAX = "max";    private static final String INSTANCE_PROGRESS = "progress";    private static final String INSTANCE_SUFFIX = "suffix";    private static final String INSTANCE_PREFIX = "prefix";    private static final String INSTANCE_TEXT_VISIBILITY = "text_visibility";    private static final int PROGRESS_TEXT_VISIBLE = 0;    /**     * The width of the text that to be drawn.     */    private float mDrawTextWidth;    /**     * The drawn text start.     */    private float mDrawTextStart;    /**     * The drawn text end.     */    private float mDrawTextEnd;    /**     * The text that to be drawn in onDraw().     */    private String mCurrentDrawText;    /**     * The Paint of the reached area.     */    private Paint mReachedBarPaint;    /**     * The Paint of the unreached area.     */    private Paint mUnreachedBarPaint;    /**     * The Paint of the progress text.     */    private Paint mTextPaint;    /**     * Unreached bar area to draw rect.     */    private RectF mUnreachedRectF = new RectF(0, 0, 0, 0);    /**     * Reached bar area rect.     */    private RectF mReachedRectF = new RectF(0, 0, 0, 0);    /**     * The progress text offset.     */    private float mOffset;    /**     * Determine if need to draw unreached area.     */    private boolean mDrawUnreachedBar = true;    private boolean mDrawReachedBar = true;    private boolean mIfDrawText = true;    /**     * Listener     */    private OnProgressBarListener mListener;    public enum ProgressTextVisibility {        Visible, Invisible    }    public NumberProgressBar(Context context) {        this(context, null);    }    public NumberProgressBar(Context context, AttributeSet attrs) {        this(context, attrs, R.attr.numberProgressBarStyle);    }    public NumberProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        default_reached_bar_height = dp2px(1.5f);        default_unreached_bar_height = dp2px(1.0f);        default_text_size = sp2px(10);        default_progress_text_offset = dp2px(3.0f);        //load styled attributes.        final TypedArray attributes = context.getTheme().obtainStyledAttributes(attrs, R.styleable.NumberProgressBar,                defStyleAttr, 0);        mReachedBarColor = attributes.getColor(R.styleable.NumberProgressBar_progress_reached_color, default_reached_color);        mUnreachedBarColor = attributes.getColor(R.styleable.NumberProgressBar_progress_unreached_color, default_unreached_color);        mTextColor = attributes.getColor(R.styleable.NumberProgressBar_progress_text_color, default_text_color);        mTextSize = attributes.getDimension(R.styleable.NumberProgressBar_progress_text_size, default_text_size);        mReachedBarHeight = attributes.getDimension(R.styleable.NumberProgressBar_progress_reached_bar_height, default_reached_bar_height);        mUnreachedBarHeight = attributes.getDimension(R.styleable.NumberProgressBar_progress_unreached_bar_height, default_unreached_bar_height);        mOffset = attributes.getDimension(R.styleable.NumberProgressBar_progress_text_offset, default_progress_text_offset);        int textVisible = attributes.getInt(R.styleable.NumberProgressBar_progress_text_visibility, PROGRESS_TEXT_VISIBLE);        if (textVisible != PROGRESS_TEXT_VISIBLE) {            mIfDrawText = false;        }        setProgress(attributes.getInt(R.styleable.NumberProgressBar_progress_current, 0));        setMax(attributes.getInt(R.styleable.NumberProgressBar_progress_max, 100));        attributes.recycle();        initializePainters();    }    @Override    protected int getSuggestedMinimumWidth() {        return (int) mTextSize;    }    @Override    protected int getSuggestedMinimumHeight() {        return Math.max((int) mTextSize, Math.max((int) mReachedBarHeight, (int) mUnreachedBarHeight));    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        setMeasuredDimension(measure(widthMeasureSpec, true), measure(heightMeasureSpec, false));    }    private int measure(int measureSpec, boolean isWidth) {        int result;        int mode = MeasureSpec.getMode(measureSpec);        int size = MeasureSpec.getSize(measureSpec);        int padding = isWidth ? getPaddingLeft() + getPaddingRight() : getPaddingTop() + getPaddingBottom();        if (mode == MeasureSpec.EXACTLY) {            result = size;        } else {            result = isWidth ? getSuggestedMinimumWidth() : getSuggestedMinimumHeight();            result += padding;            if (mode == MeasureSpec.AT_MOST) {                if (isWidth) {                    result = Math.max(result, size);                } else {                    result = Math.min(result, size);                }            }        }        return result;    }    @Override    protected void onDraw(Canvas canvas) {        if (mIfDrawText) {            calculateDrawRectF();        } else {            calculateDrawRectFWithoutProgressText();        }        if (mDrawReachedBar) {            canvas.drawRect(mReachedRectF, mReachedBarPaint);        }        if (mDrawUnreachedBar) {            canvas.drawRect(mUnreachedRectF, mUnreachedBarPaint);        }        if (mIfDrawText)            canvas.drawText(mCurrentDrawText, mDrawTextStart, mDrawTextEnd, mTextPaint);    }    private void initializePainters() {        mReachedBarPaint = new Paint(Paint.ANTI_ALIAS_FLAG);        mReachedBarPaint.setColor(mReachedBarColor);        mUnreachedBarPaint = new Paint(Paint.ANTI_ALIAS_FLAG);        mUnreachedBarPaint.setColor(mUnreachedBarColor);        mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);        mTextPaint.setColor(mTextColor);        mTextPaint.setTextSize(mTextSize);    }    private void calculateDrawRectFWithoutProgressText() {        mReachedRectF.left = getPaddingLeft();        mReachedRectF.top = getHeight() / 2.0f - mReachedBarHeight / 2.0f;        mReachedRectF.right = (getWidth() - getPaddingLeft() - getPaddingRight()) / (getMax() * 1.0f) * getProgress() + getPaddingLeft();        mReachedRectF.bottom = getHeight() / 2.0f + mReachedBarHeight / 2.0f;        mUnreachedRectF.left = mReachedRectF.right;        mUnreachedRectF.right = getWidth() - getPaddingRight();        mUnreachedRectF.top = getHeight() / 2.0f + -mUnreachedBarHeight / 2.0f;        mUnreachedRectF.bottom = getHeight() / 2.0f + mUnreachedBarHeight / 2.0f;    }    private void calculateDrawRectF() {        mCurrentDrawText = String.format("%d", getProgress() * 100 / getMax());        mCurrentDrawText = mPrefix + mCurrentDrawText + mSuffix;        mDrawTextWidth = mTextPaint.measureText(mCurrentDrawText);        if (getProgress() == 0) {            mDrawReachedBar = false;            mDrawTextStart = getPaddingLeft();        } else {            mDrawReachedBar = true;            mReachedRectF.left = getPaddingLeft();            mReachedRectF.top = getHeight() / 2.0f - mReachedBarHeight / 2.0f;            mReachedRectF.right = (getWidth() - getPaddingLeft() - getPaddingRight()) / (getMax() * 1.0f) * getProgress() - mOffset + getPaddingLeft();            mReachedRectF.bottom = getHeight() / 2.0f + mReachedBarHeight / 2.0f;            mDrawTextStart = (mReachedRectF.right + mOffset);        }        mDrawTextEnd = (int) ((getHeight() / 2.0f) - ((mTextPaint.descent() + mTextPaint.ascent()) / 2.0f));        if ((mDrawTextStart + mDrawTextWidth) >= getWidth() - getPaddingRight()) {            mDrawTextStart = getWidth() - getPaddingRight() - mDrawTextWidth;            mReachedRectF.right = mDrawTextStart - mOffset;        }        float unreachedBarStart = mDrawTextStart + mDrawTextWidth + mOffset;        if (unreachedBarStart >= getWidth() - getPaddingRight()) {            mDrawUnreachedBar = false;        } else {            mDrawUnreachedBar = true;            mUnreachedRectF.left = unreachedBarStart;            mUnreachedRectF.right = getWidth() - getPaddingRight();            mUnreachedRectF.top = getHeight() / 2.0f + -mUnreachedBarHeight / 2.0f;            mUnreachedRectF.bottom = getHeight() / 2.0f + mUnreachedBarHeight / 2.0f;        }    }    /**     * Get progress text color.     *     * @return progress text color.     */    public int getTextColor() {        return mTextColor;    }    /**     * Get progress text size.     *     * @return progress text size.     */    public float getProgressTextSize() {        return mTextSize;    }    public int getUnreachedBarColor() {        return mUnreachedBarColor;    }    public int getReachedBarColor() {        return mReachedBarColor;    }    public int getProgress() {        return mCurrentProgress;    }    public int getMax() {        return mMaxProgress;    }    public float getReachedBarHeight() {        return mReachedBarHeight;    }    public float getUnreachedBarHeight() {        return mUnreachedBarHeight;    }    public void setProgressTextSize(float textSize) {        this.mTextSize = textSize;        mTextPaint.setTextSize(mTextSize);        invalidate();    }    public void setProgressTextColor(int textColor) {        this.mTextColor = textColor;        mTextPaint.setColor(mTextColor);        invalidate();    }    public void setUnreachedBarColor(int barColor) {        this.mUnreachedBarColor = barColor;        mUnreachedBarPaint.setColor(mUnreachedBarColor);        invalidate();    }    public void setReachedBarColor(int progressColor) {        this.mReachedBarColor = progressColor;        mReachedBarPaint.setColor(mReachedBarColor);        invalidate();    }    public void setReachedBarHeight(float height) {        mReachedBarHeight = height;    }    public void setUnreachedBarHeight(float height) {        mUnreachedBarHeight = height;    }    public void setMax(int maxProgress) {        if (maxProgress > 0) {            this.mMaxProgress = maxProgress;            invalidate();        }    }    public void setSuffix(String suffix) {        if (suffix == null) {            mSuffix = "";        } else {            mSuffix = suffix;        }    }    public String getSuffix() {        return mSuffix;    }    public void setPrefix(String prefix) {        if (prefix == null)            mPrefix = "";        else {            mPrefix = prefix;        }    }    public String getPrefix() {        return mPrefix;    }    public void incrementProgressBy(int by) {        if (by > 0) {            setProgress(getProgress() + by);        }        if (mListener != null) {            mListener.onProgressChange(getProgress(), getMax());        }    }    public void setProgress(int progress) {        if (progress <= getMax() && progress >= 0) {            this.mCurrentProgress = progress;            invalidate();        }    }    @Override    protected Parcelable onSaveInstanceState() {        final Bundle bundle = new Bundle();        bundle.putParcelable(INSTANCE_STATE, super.onSaveInstanceState());        bundle.putInt(INSTANCE_TEXT_COLOR, getTextColor());        bundle.putFloat(INSTANCE_TEXT_SIZE, getProgressTextSize());        bundle.putFloat(INSTANCE_REACHED_BAR_HEIGHT, getReachedBarHeight());        bundle.putFloat(INSTANCE_UNREACHED_BAR_HEIGHT, getUnreachedBarHeight());        bundle.putInt(INSTANCE_REACHED_BAR_COLOR, getReachedBarColor());        bundle.putInt(INSTANCE_UNREACHED_BAR_COLOR, getUnreachedBarColor());        bundle.putInt(INSTANCE_MAX, getMax());        bundle.putInt(INSTANCE_PROGRESS, getProgress());        bundle.putString(INSTANCE_SUFFIX, getSuffix());        bundle.putString(INSTANCE_PREFIX, getPrefix());        bundle.putBoolean(INSTANCE_TEXT_VISIBILITY, getProgressTextVisibility());        return bundle;    }    @Override    protected void onRestoreInstanceState(Parcelable state) {        if (state instanceof Bundle) {            final Bundle bundle = (Bundle) state;            mTextColor = bundle.getInt(INSTANCE_TEXT_COLOR);            mTextSize = bundle.getFloat(INSTANCE_TEXT_SIZE);            mReachedBarHeight = bundle.getFloat(INSTANCE_REACHED_BAR_HEIGHT);            mUnreachedBarHeight = bundle.getFloat(INSTANCE_UNREACHED_BAR_HEIGHT);            mReachedBarColor = bundle.getInt(INSTANCE_REACHED_BAR_COLOR);            mUnreachedBarColor = bundle.getInt(INSTANCE_UNREACHED_BAR_COLOR);            initializePainters();            setMax(bundle.getInt(INSTANCE_MAX));            setProgress(bundle.getInt(INSTANCE_PROGRESS));            setPrefix(bundle.getString(INSTANCE_PREFIX));            setSuffix(bundle.getString(INSTANCE_SUFFIX));            setProgressTextVisibility(bundle.getBoolean(INSTANCE_TEXT_VISIBILITY) ? ProgressTextVisibility.Visible : ProgressTextVisibility.Invisible);            super.onRestoreInstanceState(bundle.getParcelable(INSTANCE_STATE));            return;        }        super.onRestoreInstanceState(state);    }    public float dp2px(float dp) {        final float scale = getResources().getDisplayMetrics().density;        return dp * scale + 0.5f;    }    public float sp2px(float sp) {        final float scale = getResources().getDisplayMetrics().scaledDensity;        return sp * scale;    }    public void setProgressTextVisibility(ProgressTextVisibility visibility) {        mIfDrawText = visibility == ProgressTextVisibility.Visible;        invalidate();    }    public boolean getProgressTextVisibility() {        return mIfDrawText;    }    public void setOnProgressBarListener(OnProgressBarListener listener) {        mListener = listener;    }}

项目地址 ☞ 传送门

0 0