android自定义view实现progressbar的效果

2023-07-24 21:38:10

一键清理是很多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. }

效果如下：

android自定义view实现progressbar的效果
android自定义view实现progressbar的效果

  总体来说，就是通过绘制矩形来达到目的。当然，在实际使用中的效果还是有所差异的，欢迎大家反馈、交流。
  <--
  csdn下载：http://download.csdn.net/detail/wangjinyu501/7694607
  gitub地址：https://github.com/wangjinyu501/ProgressRectangle
  -->
上一篇：git for linux使用


下一篇：JdbcTemplate 多数据源 jdbc