8 |
前言：现在一般的Android软件都是需要不断更新的，当你打开某个app的时候，如果有新的版本，它会提示你有新版本需要更新。当有更新时，会弹出一个提示框，点击下载，则在通知来创建一个数字进度条进行下载，下载成功后才到安装界面。
10 |
11 |
效果：
13 |
15 | 
16 |
18 |
开发环境：AndroidStudio2.2.1+gradle-2.14.1
20 |
22 |
涉及知识：
24 |1.Handler机制
25 |2.自定义控件+Canvas绘画
26 |3.自定义dialog
27 |
28 |
部分代码：
30 |
32 |
public class NumberProgressBar extends View {
34 |
35 |
36 | /**
37 | * 右侧未完成进度条的颜色
38 | */
39 | private int paintStartColor = 0xffe5e5e5;
40 |
41 | /**
42 | * Contxt
43 | */
44 | private Context context;
45 |
46 | /**
47 | * 主线程传过来进程 0 - 100
48 | */
49 | private int progress;
50 |
51 | /**
52 | * 得到自定义视图的宽度
53 | */
54 | private int viewWidth;
55 |
56 |
57 | private RectF pieOval;
58 |
59 | private RectF pieOvalIn;
60 |
61 | /**
62 | * 得到自定义视图的Y轴中心点
63 | */
64 | private int viewCenterY;
65 |
66 | /**
67 | * 已完成的画笔
68 | */
69 | private Paint paintInit = new Paint();
70 |
71 |
72 | /**
73 | * 未完成进度条画笔的属性
74 | */
75 | private Paint paintStart = new Paint();
76 |
77 | /**
78 | * 大圆的画笔
79 | */
80 | private Paint paintEndBig = new Paint();
81 |
82 | /**
83 | * 小圆的画笔
84 | */
85 | private Paint paintSmall = new Paint();
86 |
87 |
88 | /**
89 | * 画中间的百分比文字的画笔
90 | */
91 | private Paint paintText = new Paint();
92 |
93 | /**
94 | * 要画的文字的宽度
95 | */
96 | private int textWidth;
97 |
98 | /**
99 | * 画文字时底部的坐标
100 | */
101 | private float textBottomY;
102 |
103 | private int smallR;//小圆的半径
104 | private int bigR;//大圆半径
105 | private float radius;
106 | private int jR;//气泡矩形
107 |
108 | /**
109 | * 文字总共移动的长度（即从0%到100%文字左侧移动的长度）
110 | */
111 | // private int totalMovedLength;
112 | public NumberProgressBar(Context context, AttributeSet attrs) {
113 | super(context, attrs);
114 | this.context = context;
115 | // 构造器中初始化数据
116 | smallR = dip2px(context, 4);//小圆半径
117 | bigR = dip2px(context, 8);//大圆半径
118 | radius = dip2px(context, 10) / 2;//进度条高度
119 | jR = dip2px(context, 6);//矩形
120 |
121 | initData();
122 | }
123 |
124 | /**
125 | * 初始化数据
126 | */
127 | private void initData() {
128 |
129 | // 未完成进度条画笔的属性
130 | paintStart.setColor(paintStartColor);
131 | paintStart.setStrokeWidth(dip2px(context, 1));
132 | paintStart.setDither(true);
133 | paintStart.setAntiAlias(true);
134 | paintStart.setStyle(Paint.Style.FILL);
135 |
136 | // 已完成进度条画笔的属性
137 | paintInit.setColor(context.getResources().getColor(R.color.blue));
138 | paintInit.setStrokeWidth(dip2px(context, 1));
139 | paintInit.setAntiAlias(true);
140 | paintInit.setDither(true);
141 | paintInit.setStyle(Paint.Style.FILL);
142 |
143 |
144 | // 小圆画笔
145 | paintSmall.setColor(Color.WHITE);
146 | paintSmall.setAntiAlias(true);
147 | paintSmall.setStyle(Paint.Style.FILL);
148 |
149 | // 大圆画笔
150 | paintEndBig.setColor(context.getResources().getColor(R.color.blue));
151 | paintEndBig.setAntiAlias(true);
152 | paintEndBig.setStyle(Paint.Style.FILL);
153 |
154 |
155 | // 百分比文字画笔的属性
156 | int paintTextSizePx = sp2px(context, 11); //设置百分比文字的尺寸
157 | paintText.setColor(context.getResources().getColor(R.color.blue));
158 | paintText.setTextSize(paintTextSizePx);
159 | paintText.setAntiAlias(true);
160 | paintText.setTypeface(Typeface.DEFAULT_BOLD);
161 |
162 | }
163 |
164 | @Override
165 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
166 | super.onMeasure(widthMeasureSpec, heightMeasureSpec);
167 | }
168 |
169 |
170 | @Override
171 | protected void onDraw(Canvas canvas) {
172 | super.onDraw(canvas);
173 |
174 | //得到float型进度
175 | float progressFloat = progress / 100.0f;
176 | int viewHeight = getMeasuredHeight();//得到控件的高度
177 |
178 | viewWidth = getMeasuredWidth() - 4 * jR;
179 |
180 | viewCenterY = viewHeight - bigR;
181 |
182 | float currentMovedLen = viewWidth * progressFloat + 2 * jR;
183 |
184 | String str = progress + "%";
185 |
186 | Rect bounds = new Rect();
187 | paintText.getTextBounds(str, 0, str.length(), bounds);
188 | textWidth = bounds.width();
189 | textBottomY = bounds.height();
190 | /**
191 | * 1：绘画的文本
192 | * 2.距离x的位移
193 | * 3.距离Y的位移
194 | * 4.画笔对象
195 | */
196 | canvas.drawText(str, currentMovedLen - textWidth / 2,
197 | viewCenterY - smallR / 2 - bigR / 2 - 2 * jR + textBottomY / 2,
198 | paintText);//文字
199 |
200 |
201 | //圆角矩形初始的
202 | canvas.drawRoundRect(new RectF(2 * jR, viewCenterY - radius, currentMovedLen,
203 | viewCenterY + radius),
204 | radius, radius, paintInit);
205 |
206 | //圆角矩形--进行中
207 | canvas.drawRoundRect(new RectF(currentMovedLen, viewCenterY - radius, viewWidth + 2 * jR,
208 | viewCenterY + radius), radius, radius, paintStart);
209 |
210 | pieOval = new RectF(currentMovedLen - bigR, viewCenterY - bigR,
211 | currentMovedLen + bigR, viewCenterY + bigR);
212 |
213 | pieOvalIn = new RectF(currentMovedLen - smallR, viewCenterY - smallR,
214 | currentMovedLen + smallR, viewCenterY + smallR);
215 |
216 | //大圆
217 | canvas.drawArc(pieOval, 0, 360, true, paintEndBig);
218 |
219 | //小圆
220 | canvas.drawArc(pieOvalIn, 0, 360, true, paintSmall);
221 | }
222 |
223 | /**
224 | * @param progress 外部传进来的当前进度
225 | */
226 | public void setProgress(int progress) {
227 | this.progress = progress;
228 | invalidate();
229 | }
230 |
231 | public static int dip2px(Context ctx, float dp) {
232 | float density = ctx.getResources().getDisplayMetrics().density;
233 | int px = (int) (dp * density + 0.5f);
234 | return px;
235 | }
236 |
237 | public static int sp2px(Context context, float spValue) {
238 | return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,
239 | spValue, context.getResources().getDisplayMetrics());
240 | }
241 | }242 |
243 | 244 | 245 |