Canvas的效果操作及save()和restore()方法应用
Canvas的效果操作及save()和restore()方法应用
平移、缩放、旋转等操作等于是,我在一个正的画布绘制好图,然后再把画布做旋转、平移、缩放等等的效果。
也就是说,我使用的X、Y坐标还是正常的坐标(没旋转、平移、缩放等之前的坐标)。
save()和restore()是用来规定操作的范围的。
如果有save()和restore(),那么平移、缩放、旋转等操作只对save()和restore()作用域之间的代码有效。
然后我做了代码测试(在onDraw()中画图),如下:
protected void onDraw(Canvas canvas){
//首先定义中心点和半径
int px=getMeasuredWidth()/2;
int py=getMeasuredHeight()/2;
int radius=Math.min(px, py);
canvas.drawCircle(px, py, radius, circlePaint);
canvas.save();//注释save①
canvas.rotate(-bearing, px, py);
//canvas.save();
int textWidth=(int)textPaint.measureText(“W”);
int cardinalX=px-textWidth/2;
int cardinalY=py-radius+textHeight;
//开始绘制刻度和文字
//每15度一个刻度,每45度一个数字,每90度一个方向
for(int i=0; i<24; i++){
canvas.drawLine(px, py-radius, px, py-radius+10, markerPaint);
canvas.save();//注释save②
canvas.translate(0, textHeight);
if(i%6==0){
String dirString=””;
switch(i){
case(0):{
dirString=northString;
int arrowY=2*textHeight;
canvas.drawLine(px, arrowY, px-5, 3*textHeight, markerPaint);
canvas.drawLine(px, arrowY, px+5, 3*textHeight, markerPaint);
break;
}
case(6):dirString=eastString;break;
case(12):dirString=westString;break;
case(18):dirString=southString;break;
}
canvas.drawText(dirString, cardinalX, cardinalY, textPaint);
}
else if(i%3==0){
String angle=String.valueOf(i*15);
float angleTextWidth=textPaint.measureText(angle);
int angleX=(int)(px-angleTextWidth/2);
int angleY=py-radius+textHeight;
canvas.drawText(angle, angleX, angleY, textPaint);
}
canvas.restore();//注释restore②
canvas.rotate(15, px, py);
}
//测试save()和restore()的作用域
canvas.drawText(“Hello world 在restore之前!”, 100, 100, textPaint);
canvas.restore();//注释restore①
canvas.drawText(“Hello world 在restore之后!”, 100, 100, textPaint);
}
//结论:在save②到restore②之间所画的图顶点下移textHeight个像素,restore②之后的代码不受影响
//在save①到restore①之间所画的内容都选择45°,restore①之后的代码不会旋转
//注意save②到restore②也是在save①到restore①作用之内的,所以save②到restore②之间的内容不但顶点下移textHeight个像素,并且旋转
//45度。