Android(安卓)自定义View--ProgressBar篇（一）

1、概述

1.1 目的：

在我们的日常开发中，有很多Android UI界面上有一些特殊或者特别的控件与界面，是Android自带的控件所不能满足的，需要我们自己定制一些适合的控件来完成。

1.2 Android自定义View步骤：

自定义属性；

选择和设置构造方法；

重写onMeasure()方法；

重写onDraw()方法；

重写onLayout()方法；

重写其他事件的方法（滑动监听等）。

2、代码实现

2.1 自定义属性：

我们通常将自定义属性定义在/values/attr.xml文件中（attr.xml文件需要自己创建）。

2.2 实现方法含义

1、在OnMeasure（）方法中，测量自定义控件的大小，使自定义控件能够自适应布局各种各样的需求。
2、在OnDraw（）方法中，利用哼哈二将（Canvas与Paint）来绘制要显示的内容。
3、在OnLayout（）方法中来确定控件显示位置。
4、在OnTouchEvent（）方法处理控件的触摸事件。、

自定义导图

2.3 继承View实现代码

package com.fly.myview.progressbar;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.RectF;import android.support.annotation.Nullable;import android.text.TextUtils;import android.util.AttributeSet;import android.view.View;import com.fly.myview.R;import java.text.DecimalFormat;import java.util.HashMap;/** *  *           .----. *        _.'__    `. *    .--(Q)(OK)---/$\ *  .' @          /$$$\ *  :         ,   $$$$$ *   `-..__.-' _.-\$$/ *         `;_:    `"' *       .'"""""`. *      /,  FLY  ,\ *     //         \\ *     `-._______.-' *     ___`. | .'___ *    (______|______) * 
 * 包    名 : com.fly.myview.progressbar * 作    者 : FLY * 创建时间 : 2018/9/6 * 描述: 更新下载的进度条 */public class UpdataAPPProgressBar extends View {    /**     * 进度条最大值     */    private float mMax = 100;    /**     * 进度条当前进度值     */    private float mProgress = 0;    /**     * 默认已完成颜色     */    private final int DEFAULT_FINISHED_COLOR = getResources().getColor(R.color.arc_progress_finished_color);    /**     * 默认未完成颜色     */    private final int DEFAULT_UNFINISHED_COLOR = getResources().getColor(R.color.arc_progress_unfinished_color);    /**     * 已完成进度颜色     */    private int mReachedBarColor;    /**     * 未完成进度颜色     */    private int mUnreachedBarColor;    /**     * 进度条高度     */    private float mBarHeight;    /**     * the progress text color.     */    private int mTextColor;    /**     * 后缀     */    private String mSuffix = "%";    /**     * 前缀     */    private String mPrefix = "";    /**     * 未完成进度条所在矩形区域     */    private RectF mUnreachedRectF = new RectF(0, 0, 0, 0);    /**     * 已完成进度条所在矩形区域     */    private RectF mReachedRectF = new RectF(0, 0, 0, 0);    /**     * 画笔     */    private Paint mPaint;    private boolean mTextVisibility;    public UpdataAPPProgressBar(Context context) {        this(context, null);    }    public UpdataAPPProgressBar(Context context, @Nullable AttributeSet attrs) {        this(context, attrs, 0);    }    public UpdataAPPProgressBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        initAttrs(context, attrs);        initPainters();    }    private void initAttrs(Context context, AttributeSet attrs) {        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.UpdataAPPProgressBar);        mMax = typedArray.getInteger(R.styleable.UpdataAPPProgressBar_updataAPPMax, (int) mMax);        mProgress = typedArray.getInteger(R.styleable.UpdataAPPProgressBar_updataAPPProgress, (int) mProgress);        mReachedBarColor = typedArray.getColor(R.styleable.UpdataAPPProgressBar_updataAPPReachedBarColor, DEFAULT_FINISHED_COLOR);        mUnreachedBarColor = typedArray.getColor(R.styleable.UpdataAPPProgressBar_updataAPPUnreachedBarColor, DEFAULT_UNFINISHED_COLOR);        mTextColor = typedArray.getColor(R.styleable.UpdataAPPProgressBar_updataAPPTextColor, DEFAULT_UNFINISHED_COLOR);        mSuffix = TextUtils.isEmpty(typedArray.getString(R.styleable.UpdataAPPProgressBar_updataAPPSuffix)) ? mSuffix : typedArray.getString(R.styleable.UpdataAPPProgressBar_updataAPPSuffix);        mPrefix = TextUtils.isEmpty(typedArray.getString(R.styleable.UpdataAPPProgressBar_updataAPPPrefix)) ? mPrefix : typedArray.getString(R.styleable.UpdataAPPProgressBar_updataAPPPrefix);        mBarHeight = typedArray.getDimension(R.styleable.UpdataAPPProgressBar_updataAPPBarHeight, dp2px(2f));        mTextVisibility = typedArray.getBoolean(R.styleable.UpdataAPPProgressBar_updataAPPTextVisibility, true);        typedArray.recycle();    }    private void initPainters() {        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);//抗锯齿        mPaint.setAntiAlias(true);//防抖动        mPaint.setStrokeCap(Paint.Cap.ROUND);    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        calculateDrawRectFWithoutProgressText();        mPaint.setColor(mUnreachedBarColor);        canvas.drawRoundRect(mUnreachedRectF, mBarHeight / 2, mBarHeight / 2, mPaint);        mPaint.setColor(mReachedBarColor);        canvas.drawRoundRect(mReachedRectF, mBarHeight / 2, mBarHeight / 2, mPaint);        mPaint.setColor(mTextColor);        mPaint.setTextSize(mBarHeight * 0.6f);        String mCurrentDrawText = new DecimalFormat("#").format(getProgress() * 100 / getMax());        mCurrentDrawText = mPrefix + mCurrentDrawText + mSuffix;        float mDrawTextWidth = mPaint.measureText(mCurrentDrawText);        if (mTextVisibility && getProgress() > 0 && mReachedRectF.right >mDrawTextWidth) {            canvas.drawText(mCurrentDrawText, mReachedRectF.right - mDrawTextWidth - mBarHeight * 0.4f, (int) ((getHeight() / 2.0f) - ((mPaint.descent() + mPaint.ascent()) / 2.0f)), mPaint);        }    }    private void calculateDrawRectFWithoutProgressText() {        mReachedRectF.left = getPaddingLeft();        mReachedRectF.top = getHeight() / 2.0f - mBarHeight / 2.0f;        mReachedRectF.right = (getWidth() - getPaddingLeft() - getPaddingRight()) / (getMax() * 1.0f) * getProgress() + getPaddingLeft();        mReachedRectF.bottom = getHeight() / 2.0f + mBarHeight / 2.0f;        mUnreachedRectF.left = getPaddingLeft();        mUnreachedRectF.top = getHeight() / 2.0f + -mBarHeight / 2.0f;        mUnreachedRectF.right = getWidth() - getPaddingRight();        mUnreachedRectF.bottom = getHeight() / 2.0f + mBarHeight / 2.0f;    }    public float getMax() {        return mMax;    }    public float getProgress() {        return mProgress;    }    public void setMax(int max) {        this.mMax = max;        invalidate();    }    public void setProgress(float progress) {        this.mProgress = checkProgress(progress);        invalidate();    }    private float checkProgress(float progress) {        if (progress < 0) return 0;        return progress > mMax ? mMax : progress;    }    private int dp2px(float dpValue) {        float scale = getContext().getResources().getDisplayMetrics().density;        return (int) (dpValue * scale + 0.5f);    }}

1、概述

2、代码实现

3、使用

4.效果

更多相关文章

随机推荐