Android实现简洁的APP更新dialog数字进度条

前言：现在一般的Android软件都是需要不断更新的，当你打开某个app的时候，如果有新的版本，它会提示你有新版本需要更新。当有更新时，会弹出一个提示框，点击下载，则在通知来创建一个数字进度条进行下载，下载成功后才到安装界面。

效果： 

开发环境：AndroidStudio2.2.1+gradle-2.14.1

涉及知识：

1.Handler机制 

2.自定义控件+Canvas绘画 

3.自定义dialog 

部分代码： 

public class NumberProgressBar extends View {

/**
 * 右侧未完成进度条的颜色
 */
private int paintStartColor = 0xffe5e5e5;

/**
 * Contxt
 */
private Context context;

/**
 * 主线程传过来进程 0 - 100
 */
private int progress;

/**
 * 得到自定义视图的宽度
 */
private int viewWidth;

private RectF pieOval;

private RectF pieOvalIn;

/**
 * 得到自定义视图的Y轴中心点
 */
private int viewCenterY;

/**
 * 已完成的画笔
 */
private Paint paintInit = new Paint();

/**
 * 未完成进度条画笔的属性
 */
private Paint paintStart = new Paint();

/**
 * 大圆的画笔
 */
private Paint paintEndBig = new Paint();

/**
 * 小圆的画笔
 */
private Paint paintSmall = new Paint();

/**
 * 画中间的百分比文字的画笔
 */
private Paint paintText = new Paint();

/**
 * 要画的文字的宽度
 */
private int textWidth;

/**
 * 画文字时底部的坐标
 */
private float textBottomY;

private int smallR;//小圆的半径
private int bigR;//大圆半径
private float radius;
private int jR;//气泡矩形

/**
 * 文字总共移动的长度（即从0％到100％文字左侧移动的长度）
 */
// private int totalMovedLength;
public NumberProgressBar(Context context, AttributeSet attrs) {
 super(context, attrs);
 this.context = context;
 // 构造器中初始化数据
 smallR = dip2px(context, 4);//小圆半径
 bigR = dip2px(context, 8);//大圆半径
 radius = dip2px(context, 10) / 2;//进度条高度
 jR = dip2px(context, 6);//矩形

initData();
}

/**
 * 初始化数据
 */
private void initData() {

// 未完成进度条画笔的属性
 paintStart.setColor(paintStartColor);
 paintStart.setStrokeWidth(dip2px(context, 1));
 paintStart.setDither(true);
 paintStart.setAntiAlias(true);
 paintStart.setStyle(Paint.Style.FILL);

// 已完成进度条画笔的属性
 paintInit.setColor(context.getResources().getColor(R.color.blue));
 paintInit.setStrokeWidth(dip2px(context, 1));
 paintInit.setAntiAlias(true);
 paintInit.setDither(true);
 paintInit.setStyle(Paint.Style.FILL);

// 小圆画笔
 paintSmall.setColor(Color.WHITE);
 paintSmall.setAntiAlias(true);
 paintSmall.setStyle(Paint.Style.FILL);

// 大圆画笔
 paintEndBig.setColor(context.getResources().getColor(R.color.blue));
 paintEndBig.setAntiAlias(true);
 paintEndBig.setStyle(Paint.Style.FILL);

// 百分比文字画笔的属性
 int paintTextSizePx = sp2px(context, 11); //设置百分比文字的尺寸
 paintText.setColor(context.getResources().getColor(R.color.blue));
 paintText.setTextSize(paintTextSizePx);
 paintText.setAntiAlias(true);
 paintText.setTypeface(Typeface.DEFAULT_BOLD);

}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

@Override
protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);

//得到float型进度
 float progressFloat = progress / 100.0f;
 int viewHeight = getMeasuredHeight();//得到控件的高度

viewWidth = getMeasuredWidth() - 4 * jR;

viewCenterY = viewHeight - bigR;

float currentMovedLen = viewWidth * progressFloat + 2 * jR;

String str = progress + "％";

Rect bounds = new Rect();
 paintText.getTextBounds(str, 0, str.length(), bounds);
 textWidth = bounds.width();
 textBottomY = bounds.height();
/**
* 1：绘画的文本
* 2.距离x的位移
* 3.距离Y的位移
* 4.画笔对象
*/
 canvas.drawText(str, currentMovedLen - textWidth / 2,
   viewCenterY - smallR / 2 - bigR / 2 - 2 * jR + textBottomY / 2,
   paintText);//文字

//圆角矩形初始的
 canvas.drawRoundRect(new RectF(2 * jR, viewCenterY - radius, currentMovedLen,
     viewCenterY + radius),
   radius, radius, paintInit);

//圆角矩形--进行中
 canvas.drawRoundRect(new RectF(currentMovedLen, viewCenterY - radius, viewWidth + 2 * jR,
   viewCenterY + radius), radius, radius, paintStart);

pieOval = new RectF(currentMovedLen - bigR, viewCenterY - bigR, currentMovedLen + bigR, viewCenterY + bigR);

pieOvalIn = new RectF(currentMovedLen - smallR, viewCenterY - smallR, currentMovedLen + smallR, viewCenterY + smallR);

//大圆
 canvas.drawArc(pieOval, 0, 360, true, paintEndBig);

//小圆
 canvas.drawArc(pieOvalIn, 0, 360, true, paintSmall);
}

/**
 * @param progress 外部传进来的当前进度
 */
public void setProgress(int progress) {
 this.progress = progress;
 invalidate();
}

public static int dip2px(Context ctx, float dp) {
 float density = ctx.getResources().getDisplayMetrics().density;
 int px = (int) (dp * density + 0.5f);
 return px;
}

public static int sp2px(Context context, float spValue) {
 return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, spValue, context.getResources().getDisplayMetrics());
}
}

源码下载：dialog数字进度条