自定义圆环progressbar-程序员宅基地

RoundProgressBar.java

1. /**
2. * RoundProgressBar.java [v1.0.0]
3. * classes: com.example.audiorecordingtest.RoundProgressBar
4. * Amanda Create at 2014年10月10日 下午4:16:45
5. * Copyright 阳光健康信息技术有限公司
6. */
7. package com.example.audiorecordingtest.view;
9. /**
10. * com.example.audiorecordingtest.RoundProgressBar
11. * @author Amanda
12. * create at 2014年10月10日 下午4:16:45
13. */
14. import com.example.audiorecordingtest.R;
15. import com.example.audiorecordingtest.R.styleable;
17. import android.content.Context;
18. import android.content.res.TypedArray;
19. import android.graphics.Canvas;
20. import android.graphics.Color;
21. import android.graphics.Paint;
22. import android.graphics.RectF;
23. import android.graphics.Typeface;
24. import android.util.AttributeSet;
25. import android.view.View;
27. /**
28. * 仿iphone带进度的进度条，线程安全的View，可直接在线程中更新进度
29. *
30. */
31. public class RoundProgressBar extends View {
32. /**
33. * 画笔对象的引用
34. */
35. private Paint paint;
37. /**
38. * 圆环的颜色
39. */
40. private int roundColor;
42. /**
43. * 圆环进度的颜色
44. */
45. private int roundProgressColor;
47. /**
48. * 中间进度百分比的字符串的颜色
49. */
50. private int textColor;
52. /**
53. * 中间进度百分比的字符串的字体
54. */
55. private float textSize;
57. /**
58. * 圆环的宽度
59. */
60. private float roundWidth;
62. /**
63. * 最大进度
64. */
65. private int max;
67. /**
68. * 当前进度
69. */
70. private int progress;
71. /**
72. * 是否显示中间的进度
73. */
74. private boolean textIsDisplayable;
76. /**
77. * 进度的风格，实心或者空心
78. */
79. private int style;
81. public static final int STROKE = 0;
82. public static final int FILL = 1;
84. public RoundProgressBar(Context context) {
85. this(context, null);
86. }
88. public RoundProgressBar(Context context, AttributeSet attrs) {
89. this(context, attrs, 0);
90. }
92. public RoundProgressBar(Context context, AttributeSet attrs, int defStyle) {
93. super(context, attrs, defStyle);
95. paint = new Paint();
98. TypedArray mTypedArray = context.obtainStyledAttributes(attrs,
99. R.styleable.RoundProgressBar);
101. //获取自定义属性和默认值
102. roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.rgb(245, 252, 248));
103. roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.rgb(62, 187, 102));
104. textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.BLACK);
105. textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize, 15);
106. roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundWidth, 5);
107. max = mTypedArray.getInteger(R.styleable.RoundProgressBar_max, 100);
108. textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable, true);
109. style = mTypedArray.getInt(R.styleable.RoundProgressBar_style, 0);
111. mTypedArray.recycle();
112. }
115. @Override
116. protected void onDraw(Canvas canvas) {
117. super.onDraw(canvas);
119. /**
120. * 画最外层的大圆环
121. */
122. int centerX = getWidth()/2;
123. int centerY = getHeight()/2;
124. int centre = centerX>centerY?centerY:centerX;
125. int radius = (int) (centre - roundWidth/2); //圆环的半径
126. paint.setColor(roundColor); //设置圆环的颜色
127. paint.setStyle(Paint.Style.STROKE); //设置空心
128. paint.setStrokeWidth(roundWidth); //设置圆环的宽度
129. paint.setAntiAlias(true); //消除锯齿
130. canvas.drawCircle(centerX, centerY, radius, paint); //画出圆环
132. // Log.e("log", centre + "");
134. /**
135. * 画进度百分比
136. */
137. paint.setStrokeWidth(0);
138. paint.setColor(textColor);
139. paint.setTextSize(textSize);
140. paint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体
141. int percent = (int)(((float)progress / (float)max) * 100); //中间的进度百分比，先转换成float在进行除法运算，不然都为0
142. float textWidth = paint.measureText(percent + "%"); //测量字体宽度，我们需要根据字体的宽度设置在圆环中间
144. if(textIsDisplayable && percent != 0 && style == STROKE){
145. canvas.drawText(percent + "%", centerX - textWidth / 2, centerY + textSize/2, paint); //画出进度百分比
146. }
149. /**
150. * 画圆弧 ，画圆环的进度
151. */
153. //设置进度是实心还是空心
154. paint.setStrokeWidth(roundWidth); //设置圆环的宽度
155. paint.setColor(roundProgressColor); //设置进度的颜色
156. RectF oval = new RectF(centerX - radius, centerY - radius, centerX
157. + radius, centerY + radius); //用于定义的圆弧的形状和大小的界限
159. switch (style) {
160. case STROKE:{
161. paint.setStyle(Paint.Style.STROKE);
162. canvas.drawArc(oval, 90, 360 * progress / max, false, paint); //根据进度画圆弧
163. break;
164. }
165. case FILL:{
166. paint.setStyle(Paint.Style.FILL_AND_STROKE);
167. if(progress !=0){
168. canvas.drawArc(oval, 90, 360 * progress / max, true, paint); //根据进度画圆弧
169. }
170. break;
171. }
172. }
174. }
177. public synchronized int getMax() {
178. return max;
179. }
181. /**
182. * 设置进度的最大值
183. * @param max
184. */
185. public synchronized void setMax(int max) {
186. if(max < 0){
187. throw new IllegalArgumentException("max not less than 0");
188. }
189. this.max = max;
190. }
192. /**
193. * 获取进度.需要同步
194. * @return
195. */
196. public synchronized int getProgress() {
197. return progress;
198. }
200. /**
201. * 设置进度，此为线程安全控件，由于考虑多线的问题，需要同步
202. * 刷新界面调用postInvalidate()能在非UI线程刷新
203. * @param progress
204. */
205. public synchronized void setProgress(int progress) {
206. if(progress < 0){
207. throw new IllegalArgumentException("progress not less than 0");
208. }
209. if(progress > max){
210. progress = max;
211. }
212. if(progress <= max){
213. this.progress = progress;
214. postInvalidate();
215. }
217. }
220. public int getCricleColor() {
221. return roundColor;
222. }
224. public void setCricleColor(int cricleColor) {
225. this.roundColor = cricleColor;
226. }
228. public int getCricleProgressColor() {
229. return roundProgressColor;
230. }
232. public void setCricleProgressColor(int cricleProgressColor) {
233. this.roundProgressColor = cricleProgressColor;
234. }
236. public int getTextColor() {
237. return textColor;
238. }
240. public void setTextColor(int textColor) {
241. this.textColor = textColor;
242. }
244. public float getTextSize() {
245. return textSize;
246. }
248. public void setTextSize(float textSize) {
249. this.textSize = textSize;
250. }
252. public float getRoundWidth() {
253. return roundWidth;
254. }
256. public void setRoundWidth(float roundWidth) {
257. this.roundWidth = roundWidth;
258. }
262. }

values/attrs.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
3. <declare-styleable name="RoundProgressBar">
4. <attr name="roundColor" format="color"/>
5. <attr name="roundProgressColor" format="color"/>
6. <attr name="roundWidth" format="dimension"></attr>
7. <attr name="textColor" format="color" />
8. <attr name="textSize" format="dimension" />
9. <attr name="max" format="integer"></attr>
10. <attr name="textIsDisplayable" format="boolean"></attr>
11. <attr name="style">
12. <enum name="STROKE" value="0"></enum>
13. <enum name="FILL" value="1"></enum>
14. </attr>
15. </declare-styleable>
16. </resources>

layout/audiorecord.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:android_custom="http://schemas.android.com/apk/res/com.example.audiorecordingtest"
4. android:layout_width="match_parent"
5. android:layout_height="match_parent"
6. android:orientation="vertical"
7. android:gravity="center">
9. <FrameLayout
10. android:layout_width="match_parent"
11. android:layout_height="0dp"
12. android:layout_weight="2">
14. <ImageView
15. android:id="@+id/img_microfan"
16. android:layout_width="wrap_content"
17. android:layout_height="wrap_content"
18. android:layout_gravity="center"
19. android:src="@drawable/microfan"
20. android:scaleType="centerInside"/>
22. <com.example.audiorecordingtest.view.RoundProgressBar
23. android:id="@+id/roundProgressBar"
24. android:layout_width="match_parent"
25. android:layout_height="match_parent"
26. android_custom:roundColor="#f6fcf8"
27. android_custom:roundProgressColor="#41c36b"
28. android_custom:textIsDisplayable="false"
29. android_custom:roundWidth="5dp"/>
30. </FrameLayout>
34. <TextView
35. android:id="@+id/txt_microfan"
36. android:layout_width="match_parent"
37. android:layout_height="0dp"
38. android:layout_weight="1"
39. android:gravity="center"
40. android:text="正在录音……"
41. android:textColor="#3c3c3c"
42. android:textSize="30px"/>
45. </LinearLayout>

来自为知笔记(Wiz)