使用画笔（Paint）实现圆形动态进度条

最新推荐文章于 2020-10-10 11:20:48 发布

林一天

最新推荐文章于 2020-10-10 11:20:48 发布

阅读量1k

点赞数 1

分类专栏： Android开发 Android开发源码 Android开发文章标签： android 动画 canvas 线程

本文链接：https://blog.csdn.net/zhuchenglin830/article/details/52832146

版权

Android开发同时被 3 个专栏收录

23 篇文章 1 订阅

订阅专栏

Android开发

19 篇文章 3 订阅

订阅专栏

Android开发源码

14 篇文章 0 订阅

订阅专栏

实现效果：

</pre><p></p><p>实现代码：</p><p><span style="white-space:pre"></span>创建两个画笔，一支使黑色的笔，一个是白色的笔</p><p></p><pre code_snippet_id="1931933" snippet_file_name="blog_20161016_2_6233623" name="code" class="html"></pre><pre name="code" class="html">// 首先实例化黑色画笔

		paint_Balck = new Paint();
		paint_Balck.setAntiAlias(true);// 消除锯齿
		paint_Balck.setColor(blackColor);// 设置画笔颜色
		paint_Balck.setStrokeWidth(tb * 0.2f);// 设置空心的边框
		paint_Balck.setStyle(Style.STROKE);// 设置画笔风格，实心或空心

		// 实例化白色画笔
		paint_White = new Paint();
		paint_White.setAntiAlias(true);
		paint_White.setColor(whiteColor);
		paint_White.setStrokeWidth(tb * 0.2f);
		paint_White.setStyle(Style.STROKE);
		paint_White.setTextAlign(Align.CENTER);// 画字体，的对齐方式：居中
		paint_White.setTextSize(tb * 6.0f);// 白色画笔会画字体

然后设置一个矩形区域，用来画圆

// 实例化RectF，画一个矩形区域，在矩形区域上画圆弧
		rectf = new RectF();
		rectf.set(tb * 0.5f, tb * 0.5f, tb * 20f, tb * 20f);

然后/建立一个observer观察者，用来刷线页面

getViewTreeObserver().addOnPreDrawListener(new OnPreDrawListener() {

			@Override
			public boolean onPreDraw() {
				new thread();
				getViewTreeObserver().removeOnPreDrawListener(this);
				return false;
			}
		});

线程里面进行进度的变化的控制及更新，以及数字文字变化的控制及更新

	
Thread.sleep(15);
						arc_y += 3.6f;// 满分为一百分，3.6*100为306度
						score_text++;// 每次增加一
						count++;
						postInvalidate();// postInvalidate()刷新界面

最后在view中重写onDraw方法，进行圆形，以及数字文字的绘画

// 在view中重写onDraw方法
	public void onDraw(Canvas c) {// canvas画板，开始画圆
		super.onDraw(c);
		
		// 画一个背景全圆
		c.drawArc(rectf, -90, 360, false, paint_Balck);
		// 根据分数，画一个渐变的圆弧
		c.drawArc(rectf, -90, arc_y, false, paint_White);
		
		// 根据分数，画一个渐变的分数字体
		c.drawText("" + score_text, tb * 9.7f, tb * 11.0f, paint_White);
	}

源代码下载