您的位置:首页 > 大数据 > 人工智能

使用画笔(Paint)实现圆形动态进度条

2016-10-16 19:13 387 查看
实现效果:



</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);
}

源代码下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android 动画 canvas 线程