android 画环形的资料
参考资料一:
public void drawArc(RectF oval, float startAngle, float sweepAngle,boolean useCenter, Paint paint)
- oval :指定圆弧的外轮廓矩形区域。
- startAngle: 圆弧起始角度,单位为度。
- sweepAngle: 圆弧扫过的角度,顺时针方向,单位为度。
- useCenter: 如果为True时,在绘制圆弧时将圆心包括在内,通常用来绘制扇形。
- paint: 绘制圆弧的画板属性,如颜色,是否填充等。
本例演示了drawArc的四种不同用法,
1. 填充圆弧但不含圆心:
| mPaints[0]= new Paint(); mPaints[0].setAntiAlias(true); mPaints[0].setStyle(Paint.Style.FILL); mPaints[0].setColor(0x88FF0000); mUseCenters[0]= false; |
2. 填充圆弧带圆心(扇形)
| mPaints[1]= new Paint(mPaints[0]); mPaints[1].setColor(0x8800FF00); mUseCenters[1]= true; |
3. 只绘圆周,不含圆心
| mPaints[2]= new Paint(mPaints[0]); mPaints[2].setStyle(Paint.Style.STROKE); mPaints[2].setStrokeWidth(4); mPaints[2].setColor(0x880000FF); mUseCenters[2]= false; |
4. 只绘圆周,带圆心(扇形)
mPaints[3]= new Paint(mPaints[2]); mPaints[3].setColor(0x88888888); mUseCenters[3]= true; |
本例的onDraw
| protected void onDraw(Canvascanvas) { canvas.drawColor(Color.WHITE); drawArcs(canvas,mBigOval, mUseCenters[mBigIndex], mPaints[mBigIndex]); for (int i= 0; i< 4; i++){ drawArcs(canvas,mOvals[i], mUseCenters[i], mPaints[i]); } mSweep +=SWEEP_INC; if (mSweep> 360){ mSweep-= 360; mStart +=START_INC; if (mStart>= 360){ mStart-= 360; } mBigIndex = (mBigIndex+ 1) %mOvals.length; } invalidate(); } |
同样onDraw之中调用invalidate(),会再触发onDraw,从而不停刷新显示,startAngle,sweepAngle周而复始,形成动画效果,最上的大图顺序显示drawArc的这四种用法:
Paint.Style.STROKE 表示当前只绘制图形的轮廓,而Paint.Style.FILL表示填充图形。
参考资料二:
用drawCircle不中了,经查android提供了绘制圆弧的函数drawArc,参考http://zhidao.baidu.com/question/469977150.html,也可以看这里http://blog.chinaunix.net/uid-23392298-id-3345789.html
canvas.drawArc(new RectF(0, 0, 128, 128), 0, 360, true, new Paint(Paint.ANTI_ALIAS_FLAG));参数1:圆的范围大小参数2:起始角度参数3:圆心角角度,360为圆,180为半圆参数4:中心参数5:画笔Paint,可以设置画线or填充,设置颜色,设置线的粗细等等第四个参数
最关键的是第一个参数RectF,在什么地方绘制圆弧就是由这个矩形的位置确定的。根据上文,这个RectF应该是内切圆弧的外圆(尽管没画,但还是有)。所以其左上点及右下点坐标为:
RectF rect2 = new RectF(center-(innerCircle + 1 +ringWidth/2),center-(innerCircle + 1 +ringWidth/2), center+(innerCircle + 1 +ringWidth/2), center+(innerCircle + 1 +ringWidth/2));
为了绘制出透明度不同的圆环分两部来绘制:
this.paint.setARGB(200, 127, 255, 212);
this.paint.setStrokeWidth(ringWidth);
//绘制不透明部分
canvas.drawArc(rect2, 180+startAngle, 90, false, paint);
canvas.drawArc(rect2, 0+startAngle, 90, false, paint);
//绘制透明部分
this.paint.setARGB(30, 127, 255, 212);
canvas.drawArc(rect2, 90+startAngle, 90, false, paint);
canvas.drawArc(rect2, 270+startAngle, 90, false, paint);
上面的代码当startAngle = 0时,绘制的是一个静态的透明度交替的圆弧。接着要让它转起来。增加代码:
startAngle+=10;
if(startAngle == 180)
startAngle = 0;
事实上后两句也可以不增加,仿照前文SurfaceView绘制旋转动画的例子用这种求余的思想,(rotate += 48) % 360,把上面角度也弄个%360,也是可以的。
剩下的事就是让这个东西循环执行了。在super.onDraw(canvas);这句代码后面加 invalidate();就可以了!透明圆环就转起来了。
转自:http://blog.csdn.net/yanzi1225627/article/details/8581897
更多相关文章
- Android自定义view贝塞尔曲线
- android camera 拍照加图片处理
- Android(安卓)OpenCV(四):绘制几何图形
- Android视图加载流程(5)之View的详细绘制流程Layout
- Android视图加载流程(6)之View的详细绘制流程Draw
- android 关于paint的设置
- 1、重写TextView的onDraw方法
- android音乐播放器开发 SweetMusicPlayer 智能匹配本地歌词
- ListView属性及方法android