Canvas 学习之 (4) rotate

最新推荐文章于 2024-04-16 16:33:00 发布

清风紫竹001

最新推荐文章于 2024-04-16 16:33:00 发布

阅读量515

点赞数 1

分类专栏： Android Canvas 文章标签： Canvas android class

本文链接：https://blog.csdn.net/zhujie_/article/details/51995863

版权

Android Canvas 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

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