android自定义view实现progressbar的效果

一键清理是很多Launcher都会带有的功能，其效果也比较美观。实现方式也许有很多中，其中常见的是使用图片drawable来完成的，具体可以参考这篇文章：模仿实现360桌面水晶球式的一键清理特效。本文另辟蹊径，使用自定义View来完成同样的效果，性能、效率更高。

  ProgressWheel相信很多人并不陌生，我参考了其中一些代码。有意思的是，看完它的代码，发现其中隐藏了没有使用的矩形进度条，因为项目名字的原因我估计也永远不会出现了吧。所以就在其基础之上增增改改，形成了ProgressRectangle。为了节省时间，第一版本并没有使用自定义的属性，这个以后再添加吧，毕竟有些鸡肋。代码如下：

1. /**
2. *
3. */
4. package com.kince.progressrectangle;
5. import android.content.Context;
6. import android.graphics.Canvas;
7. import android.graphics.Color;
8. import android.graphics.Paint;
9. import android.graphics.RectF;
10. import android.graphics.Paint.Style;
11. import android.os.Handler;
12. import android.os.Message;
13. import android.util.AttributeSet;
14. import android.util.Log;
15. import android.view.View;
16. /**
17. * @author kince
18. * @category 仿solo桌面内存清理效果
19. * @since 2014.7.30
20. * @version 1.0.0
21. * {@link }
22. *
23. */
24. public class ProgressRectangle extends View {
25. // Sizes (with defaults)
26. private int layout_height = 0;
27. private int layout_width = 0;
28. // Colors (with defaults)
29. private int bgColor = Color.TRANSPARENT;
30. private int progressColor = 0xFF339933;
31. // Paints
32. private Paint progressPaint = new Paint();
33. private Paint bgPaint = new Paint();
34. private Paint titlePaint = new Paint();
35. private Paint usePaint = new Paint();
36. // Rectangles
37. private RectF rectBgBounds = new RectF();
38. private RectF rectProgressBounds = new RectF();
39. int progress = 100;
40. boolean isProgress;
41. private Handler spinHandler = new Handler() {
42. /**
43. * This is the code that will increment the progress variable and so
44. * spin the wheel
45. */
46. @Override
47. public void handleMessage(Message msg) {
48. invalidate();
49. // super.handleMessage(msg);
50. }
51. };
52. /**
53. * @param context
54. */
55. public ProgressRectangle(Context context) {
56. super(context);
57. // TODO Auto-generated constructor stub
58. }
59. /**
60. * @param context
61. * @param attrs
62. */
63. public ProgressRectangle(Context context, AttributeSet attrs) {
64. super(context, attrs);
65. // TODO Auto-generated constructor stub
66. }
67. /**
68. * @param context
69. * @param attrs
70. * @param defStyleAttr
71. */
72. public ProgressRectangle(Context context, AttributeSet attrs,
73. int defStyleAttr) {
74. super(context, attrs, defStyleAttr);
75. // TODO Auto-generated constructor stub
76. }
77. @Override
78. protected void onSizeChanged(int w, int h, int oldw, int oldh) {
79. // TODO Auto-generated method stub
80. super.onSizeChanged(w, h, oldw, oldh);
81. // Share the dimensions
82. layout_width = w;
83. Log.i("layout_width", layout_width + "");
84. layout_height = h;
85. Log.i("layout_height", layout_height + "");
86. setupBounds();
87. setupPaints();
88. invalidate();
89. }
90. private void setupPaints() {
91. // TODO Auto-generated method stub
92. bgPaint.setColor(bgColor);
93. bgPaint.setAntiAlias(true);
94. bgPaint.setStyle(Style.FILL);
95. progressPaint.setColor(progressColor);
96. progressPaint.setAntiAlias(true);
97. progressPaint.setStyle(Style.FILL);
98. titlePaint.setColor(Color.WHITE);
99. titlePaint.setTextSize(20);
100. titlePaint.setAntiAlias(true);
101. titlePaint.setStyle(Style.FILL);
102. usePaint.setColor(Color.WHITE);
103. usePaint.setAntiAlias(true);
104. usePaint.setTextSize(30);
105. usePaint.setStyle(Style.FILL);
106. }
107. private void setupBounds() {
108. // TODO Auto-generated method stub
109. int width = getWidth(); // this.getLayoutParams().width;
110. Log.i("width", width + "");
111. int height = getHeight(); // this.getLayoutParams().height;
112. Log.i("height", height + "");
113. rectBgBounds = new RectF(0, 0, width, height);
114. }
115. @Override
116. protected void onDraw(Canvas canvas) {
117. // TODO Auto-generated method stub
118. super.onDraw(canvas);
119. canvas.drawRect(rectBgBounds, bgPaint);
120. Log.i("progress", progress + "");
121. rectProgressBounds = new RectF(0, 0, progress, layout_height);
122. canvas.drawRect(rectProgressBounds, progressPaint);
123. canvas.drawText("使用内存", 25, 25, titlePaint);
124. canvas.drawText(progress + "M" + "/1024M", 25, 60, usePaint);
125. }
126. /**
127. * Increment the progress by 1 (of 100)
128. */
129. public void incrementProgress() {
130. isProgress = true;
131. progress++;
132. if (progress > 200)
133. progress = 100;
134. // setText(Math.round(((float) progress / 360) * 100) + "%");
135. spinHandler.sendEmptyMessage(0);
136. }
137. /**
138. * Increment the progress by 1 (of 100)
139. */
140. public void unIncrementProgress() {
141. isProgress = true;
142. progress--;
143. if (progress < 1)
144. progress = 100;
145. // setText(Math.round(((float) progress / 360) * 100) + "%");
146. spinHandler.sendEmptyMessage(0);
147. }
148. /**
149. * Set the progress to a specific value
150. */
151. public void setProgress(int i) {
152. progress = i;
153. spinHandler.sendEmptyMessage(0);
154. }
155. }

  实现思路也是很简单的，就是在onDraw()方法里面绘制进度条的背景以及进度，进度的参数是传递进来的数值。Activity的代码如下：

1. package com.kince.progressrectangle;
2. import android.app.Activity;
3. import android.os.Bundle;
4. import android.util.Log;
5. import android.view.View;
6. import android.view.View.OnClickListener;
7. import android.widget.Button;
8. public class RecActivity extends Activity {
9. boolean running;
10. int progress = 0;
11. ProgressRectangle progressRectangle;
12. @Override
13. protected void onCreate(Bundle savedInstanceState) {
14. // TODO Auto-generated method stub
15. super.onCreate(savedInstanceState);
16. setContentView(R.layout.activity_rec);
17. progressRectangle=(ProgressRectangle) findViewById(R.id.progressBar);
18. final Runnable r = new Runnable() {
19. public void run() {
20. running = true;
21. while(progress<100) {
22. progressRectangle.incrementProgress();
23. progress++;
24. try {
25. Thread.sleep(15);
26. } catch (InterruptedException e) {
27. // TODO Auto-generated catch block
28. e.printStackTrace();
29. }
30. }
31. while(progress>0) {
32. progressRectangle.unIncrementProgress();
33. progress--;
34. try {
35. Thread.sleep(15);
36. } catch (InterruptedException e) {
37. // TODO Auto-generated catch block
38. e.printStackTrace();
39. }
40. }
41. running = false;
42. }
43. };
44. Button increment = (Button) findViewById(R.id.btn_increment);
45. increment.setOnClickListener(new OnClickListener() {
46. public void onClick(View v) {
47. if(!running) {
48. progress = 0;
49. Thread s = new Thread(r);
50. s.start();
51. }
52. }
53. });
54. }
55. }

效果如下：

  总体来说，就是通过绘制矩形来达到目的。当然，在实际使用中的效果还是有所差异的，欢迎大家反馈、交流。

  <--

  csdn下载：http://download.csdn.net/detail/wangjinyu501/7694607

  gitub地址：https://github.com/wangjinyu501/ProgressRectangle

  -->