Canvas 学习之 (4) rotate

Canvas 中的 rotate 是旋转。

如果看了之前的scale缩放那么rotate旋转是很容易学习的

rotate也有2个构造方法

rotate(旋转角度)

rotate(旋转角度，x轴坐标，y轴坐标)

做法可以用坐标做

也可以translate找到位置做

以下这段代码是画了一个时钟：

public class StudyRoateView extends View {

    private Paint paint;

    public StudyRoateView(Context context) {

        super(context);

    }

    public StudyRoateView(Context context, AttributeSet attrs) {

        super(context, attrs);

        paint = new Paint();

        paint.setColor(Color.BLACK);

        paint.setStyle(Paint.Style.STROKE);

        paint.setStrokeWidth(2);

        paint.setTextSize(13);

    }

    public StudyRoateView(Context context, AttributeSet attrs, int defStyleAttr) {

        super(context, attrs, defStyleAttr);

    }

    @Override

    protected void onDraw(Canvas canvas) {

        canvas.drawColor(Color.WHITE);

        canvas.drawCircle(200, 150, 140, paint);

        canvas.drawCircle(200, 150, 130, paint);

        canvas.translate(200, 150);

        for(int i = 0; i <= 60; i++){

            if(i%15 == 0){

                canvas.drawLine(0,-130,0,-100,paint);

                canvas.drawText(i/5+"",0-5,-90,paint);

            }

            if(i%5 == 0 && i%15 != 0){

                canvas.drawLine(0,-130,0,-110,paint);

                canvas.drawText(i/5+"",0-5,-100,paint);

            }

            if(i%5 !=0 ){

                canvas.drawLine(0,-130,0,-120,paint);

            }

            canvas.rotate(6);

        }

        canvas.save();

        paint.setStrokeWidth(4);

        canvas.rotate(24);

        canvas.drawLine(0,0,0,-70,paint);

        canvas.restore();

        paint.setStrokeWidth(5);

        canvas.rotate(42);

        canvas.drawLine(0,0,0,-50,paint);

        super.onDraw(canvas);

    }

}