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);
}
为了方便看效果,先旋转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);
}
解释:先旋转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);
}
解释:仍然是先旋转90度,不进行平移,而是以新坐标系来看,直接在drawText()上给出新坐标系中x,y的坐标,即(400,-400)。
到此为止,canvas.rotate()方法的奥秘就说完了,其他的两个translate和scale道理都一样,要按照新坐标系来端坐标。
至于save和restore的作用上面并没有涉及到,但我个人理解,save的作用是保存前面已经画好的所有操作。save之后就可以执行rotate,translate了。而restore的作用是让你的save以后到当前restore之间的这些操作生效且不能影响restore后面的操作。restore之前所有绘制都是在新坐标系中,restore以后坐标系归回原位。