Android自定义控件之水平圆点加载进度条

package com.kincai.testcustomview_pointprogress;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.support.v4.content.ContextCompat;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
/**
* Copyright (C) 2015 The KINCAI Open Source Project
* .
* Create By KINCAI
* .
* Time 2017-06-14 10:23
* .
* Desc 水平圆点进度条
*/
public class DotPollingView extends View {
private final String TAG = this.getClass().getSimpleName();
/**
* 进度当前圆点画笔和正常圆点画笔
*/
private Paint mSelectedPaint = new Paint(), mNormalPaint = new Paint();
/**
* 正常圆点颜色
*/
private int mColor;
/**
* 变大圆点的颜色
*/
private int mSelectedColor;
/**
* 圆点总数
*/
private int mDotTotalCount = 3;
/**
* 正常圆点半径
*/
private int mDotRadius;
/**
* 当前变化的圆点半径变化量 0.0 - (mDotMaxRadius - mDotRadius)之间
*/
private float mDotCurrentRadiusChange;
/**
* 圆点大小变化率
*/
private float mRadiusChangeRate;
/**
* 最大圆点半径
*/
private int mDotMaxRadius;
/**
* 圆点最大间距
*/
private int mDotSpacing;
/**
* 当前变大的圆点索引
*/
private int mCurrentDot = 0;
private int mAlphaChange = 0;
private int mAlphaChangeTotal = 220;
private final int DOT_STATUS_BIG = 0X101;
private final int DOT_STATUS_SMALL = 0X102;
private int mDotChangeStatus = DOT_STATUS_BIG;
public void setColor(int mColor) {
this.mColor = mColor;
mNormalPaint.setColor(mColor);
}
public void setSelectedColor(int mSelectedColor) {
this.mSelectedColor = mSelectedColor;
mSelectedPaint.setColor(mSelectedColor);
}
public void setDotTotalCount(int mDotTotalCount) {
this.mDotTotalCount = mDotTotalCount;
}
public void setDotRadius(int mDotRadius) {
this.mDotRadius = mDotRadius;
}
public void setRadiusChangeRate(float mRadiusChangeRate) {
this.mRadiusChangeRate = mRadiusChangeRate;
}
public void setDotMaxRadius(int mDotMaxRadius) {
this.mDotMaxRadius = mDotMaxRadius;
}
public void setDotSpacing(int mDotSpacing) {
this.mDotSpacing = mDotSpacing;
}
public DotPollingView(Context context) {
this(context, null);
}
public DotPollingView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public DotPollingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.DotPollingView, defStyleAttr, 0);
initAttributes(typedArray);
typedArray.recycle();
init();
}
private void initAttributes(TypedArray Attributes) {
mColor = Attributes.getColor(R.styleable.DotPollingView_dotP_dot_color, ContextCompat.getColor(getContext(),R.color.colorPrimary));
mSelectedColor = Attributes.getColor(R.styleable.DotPollingView_dotP_dot_selected_color, ContextCompat.getColor(getContext(),R.color.colorAccent));
mDotRadius = Attributes.getDimensionPixelSize(R.styleable.DotPollingView_dotP_dot_radius,DensityUtils.dp2px(getContext(),3));
mDotMaxRadius = Attributes.getDimensionPixelSize(R.styleable.DotPollingView_dotP_dot_max_radius,DensityUtils.dp2px(getContext(),5));
mDotSpacing = Attributes.getDimensionPixelSize(R.styleable.DotPollingView_dotP_dot_spacing,DensityUtils.dp2px(getContext(),6));
mDotTotalCount = Attributes.getInteger(R.styleable.DotPollingView_dotP_dot_count,3);
mRadiusChangeRate = Attributes.getFloat(R.styleable.DotPollingView_dotP_dot_size_change_rate,0.3f);
}
/**
* 初始化
*/
private void init() {
mDotCurrentRadiusChange = 0f;
mSelectedPaint.setColor(mSelectedColor);
mSelectedPaint.setAntiAlias(true);
mSelectedPaint.setStyle(Paint.Style.FILL);
mNormalPaint.setColor(mColor);
mNormalPaint.setAntiAlias(true);
mNormalPaint.setStyle(Paint.Style.FILL);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//测量宽高
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
int width;
int height;
if(widthMode == MeasureSpec.EXACTLY) {
width = widthSize;
Log.e(TAG, "onMeasure MeasureSpec.EXACTLY widthSize="+widthSize);
} else {
//指定最小宽度所有圆点加上间距的宽度, 以最小半径加上间距算总和再加上最左边和最右边变大后的距离
width = (mDotTotalCount * mDotRadius * 2 + ((mDotTotalCount - 1) * mDotSpacing)) + (mDotMaxRadius - mDotRadius) * 2;
Log.e(TAG, "onMeasure no MeasureSpec.EXACTLY widthSize="+widthSize+" width="+width);
if(widthMode == MeasureSpec.AT_MOST) {
width = Math.min(width, widthSize);
Log.e(TAG, "onMeasure MeasureSpec.AT_MOST width="+width);
}
}
if(heightMode == MeasureSpec.EXACTLY) {
height = heightSize;
Log.e(TAG, "onMeasure MeasureSpec.EXACTLY heightSize="+heightSize);
} else {
height = mDotMaxRadius * 2;
Log.e(TAG, "onMeasure no MeasureSpec.EXACTLY heightSize="+heightSize+" height="+height);
if(heightMode == MeasureSpec.AT_MOST) {
height = Math.min(height, heightSize);
Log.e(TAG, "onMeasure MeasureSpec.AT_MOST height="+height);
}
}
setMeasuredDimension(width,height);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mNormalPaint.setAlpha(255);
mSelectedPaint.setAlpha(255);
if(mDotChangeStatus == DOT_STATUS_BIG) {
mDotCurrentRadiusChange += mRadiusChangeRate;
mAlphaChange +=12;
} else {
mDotCurrentRadiusChange -= mRadiusChangeRate;
mAlphaChange -=12;
}
if(mAlphaChange  = mAlphaChangeTotal) {
mAlphaChange = mAlphaChangeTotal;
}
Log.e("DotPollingView", "dot current radius change: " + mDotCurrentRadiusChange);
//第一个圆点的圆心x坐标计算：控件宽度的一半减去(所有圆点直径的和以及所有间距的和相加的总和的一半)再加上一个半径大小
// ，为什么要加上半径？因为我们起点要的是圆心，但算出来的是最左边x坐标
int startPointX = getWidth() / 2 - (mDotTotalCount * mDotRadius * 2 + ((mDotTotalCount - 1) * mDotSpacing)) / 2 + mDotRadius;
//所有圆点的圆心y坐标一致控件高度的一半
int startPointY = getHeight() / 2;
for (int i = 0; i < mDotTotalCount; i++) {
if(mCurrentDot == i) {//当前圆点
mSelectedPaint.setAlpha(255 - mAlphaChange);
canvas.drawCircle(startPointX + mCurrentDot * (mDotRadius * 2 + mDotSpacing), startPointY
, mDotRadius + mDotCurrentRadiusChange, mSelectedPaint);
continue;
} else if(mCurrentDot   1 && mCurrentDot - 2 == i) {//当前圆点前两个
mNormalPaint.setAlpha(255 - mAlphaChange);
canvas.drawCircle(startPointX + (mCurrentDot - 2)
* (mDotRadius * 2 + mDotSpacing), startPointY, mDotRadius, mNormalPaint);
continue;
}
//画正常的圆点
mNormalPaint.setAlpha(255);
canvas.drawCircle(startPointX + i * (mDotRadius * 2 + mDotSpacing), startPointY, mDotRadius, mNormalPaint);
}
//当圆点变化率达到最大或超过最大半径和正常半径之差时 变化率重置0，当前变大圆点移至下一圆点
if (mDotCurrentRadiusChange  = (mDotMaxRadius - mDotRadius) && mDotChangeStatus == DOT_STATUS_BIG) {
mDotCurrentRadiusChange = mDotMaxRadius - mDotRadius;
mDotChangeStatus = DOT_STATUS_SMALL;
} else if(mDotCurrentRadiusChange <= 0 && mDotChangeStatus == DOT_STATUS_SMALL) {
mDotChangeStatus = DOT_STATUS_BIG;
mDotCurrentRadiusChange = 0f;
mCurrentDot = mCurrentDot == mDotTotalCount - 1 ? 0 : mCurrentDot + 1;
mAlphaChange = 0;
}
invalidate();
}
}