canvas.drawArc實現

 上文已經繪製了圓環,但仔細分析就知,如果只需要圓環的話,那麼只繪製圓環就可以,不用畫內圓和外圓了。事實證明也是如此。

        但是要做成和下面的圓環透明度不一的效果上面的方法還是達不中:


用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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章