android中关于canvas的rotate,save和restore的总结

canvas.rotate(90);

这一句,表示将坐标系顺时针旋转90度。切记!切记!切记!重要的事说三遍。。。不是旋转画布噢~

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.rgb(200, 200, 200));
        Paint p = new Paint();//为了方便就在这初始化画笔啦
        p.setColor(Color.RED);
        p.setTextSize(50);
        //旋转前先写点东西
        canvas.drawText("旋转前", 400, 400, p);

        //先旋转30度看看效果
        canvas.rotate(30);
        canvas.drawText("旋转30度", 400, 400, p);
    }

android中关于canvas的rotate,save和restore的总结_第1张图片


为了方便看效果,先旋转30并画个文字看看效果,为什么不旋转90度呢,因为90就出了屏幕了,到屏幕左边去了,看不到效果。

图中用黑线标记了旋转前(400,400)坐标的位置,用红线大概标了一下旋转后(400,400)这个坐标的位置。


那么问题来了,如果我想让“旋转30度”这三个字在“旋转前”这三个字的位置上显示,并且“旋转30度”要竖着写,我该怎么办?

有两种方法:

第一种,

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.rgb(200, 200, 200));
        Paint p = new Paint();//为了方便就在这初始化画笔啦
        p.setColor(Color.RED);
        p.setTextSize(50);
        //旋转前先写点东西
        canvas.drawText("旋转前", 400, 400, p);

        //先旋转90度看看效果
        canvas.rotate(90);
        canvas.translate(0,-800);
        canvas.drawText("旋转30度", 400, 400, p);
    }
android中关于canvas的rotate,save和restore的总结_第2张图片

解释:先旋转90度,让“旋转30度”变为竖向,此时字在屏幕左侧旋转前坐标系下(-400,400)的位置,为什么要强调是旋转前坐标系呢?因为旋转以后新的坐标系已经变了,新坐标系的原点仍然是屏幕左上角,但新坐标系x轴正方向为原坐标系y轴正方向,新坐标系y轴正方向为原坐标系x轴负方向。(自己画画图就好理解了,哈哈哈~~~)然后平移(0,-800),这里(0,-800)是按照新坐标系算的,即让“旋转30度”这几个字向屏幕右方向平移800的距离。

第二种方法:

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.rgb(200, 200, 200));
        Paint p = new Paint();//为了方便就在这初始化画笔啦
        p.setColor(Color.RED);
        p.setTextSize(50);
        //旋转前先写点东西
        canvas.drawText("旋转前", 400, 400, p);

        //先旋转90度看看效果
        canvas.rotate(90);
        canvas.drawText("旋转30度", 400, -400, p);
    }
android中关于canvas的rotate,save和restore的总结_第3张图片

解释:仍然是先旋转90度,不进行平移,而是以新坐标系来看,直接在drawText()上给出新坐标系中x,y的坐标,即(400,-400)。


到此为止,canvas.rotate()方法的奥秘就说完了,其他的两个translate和scale道理都一样,要按照新坐标系来端坐标。


至于save和restore的作用上面并没有涉及到,但我个人理解,save的作用是保存前面已经画好的所有操作。save之后就可以执行rotate,translate了。而restore的作用是让你的save以后到当前restore之间的这些操作生效且不能影响restore后面的操作。restore之前所有绘制都是在新坐标系中,restore以后坐标系归回原位。



你可能感兴趣的:(android开发)