Android 自定义进度条

Android 自定义进度条

效果

国际惯例，效果图奉上

目录

前言

写在前面，由于之前其实已经写了部分自定义View的方法，所以本来应该按照之前的系列，来进行下载暂停动画进度条，但是我把之前的圆形进度条和开始暂停动画效果合并后，出现了一点小问题，让我发现之前写的自定义View，没有使我真正的了解自定义View，那么我觉得还是有很大的问题；那么之后依旧会努力的写自定义View，初步先写静态的自定义View，之后，加上动画的自定义VIew，后续在加上相应的触摸事件，努力的把自定义VIew的方法方式全部给记录下来；努力的融汇贯通。

正文

HorizontalProgressBarWithNumber

横向的进度条；里面有详细的注释

1. 首先继承自ProgressBar，这个是对基础的ProgressBar 进行进一步的自定义，

   public class HorizontalProgressBarWithNumber extends ProgressBar{
       ******
   }
   

2. 当我们想要自定义VIew的时候，先要构思效果，那么就要设置各种属性,如下

/**
	 * 设置各种默认值
	 */
	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 未完成的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  除padding外的视图宽度
	 */
	protected int mRealWidth;

	protected boolean mIfDrawText = true;

	protected static final int VISIBLE = 0;

3. 自定义构造函数

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

	public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs,
			int defStyle)
	{
		super(context, attrs, defStyle);
		obtainStyledAttributes(attrs);//初始化参数
		mPaint.setTextSize(mTextSize);//文本大小
		mPaint.setColor(mTextColor);//文本颜色
	}

4. 接下来就是初始化的代码：

/**
	 * 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);

		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();
	}

5. 上面当中的参数和属性都在attr.xml中声明的,如下

<resources>

   <declare-styleable name<