android 画环形的资料

来源：互联网发布：怀孕软件排行第一编辑：程序博客网时间：2024/04/29 08:37

参考资料一：

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

0 0