标签: restore

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度。

Canvas的效果操作及save()和restore()方法应用 - Gobby.X - Gobby.X

android_浅析canvas的save()和restore()方法

android_浅析canvas的save()和restore()方法

  1. <span style=“font-size:18px;”> </span>  
  1. <span style=“font-size:18px;”></span>   

绘图之前,首先需要调整画笔,待画笔调整好之后,再将图像绘制到画布上,这样才可以显示在手机屏幕上!Android 中的画笔是 Paint类,Paint 中包含了很多方法对其属性进行设置,主要常用方法:

setAntiAlias: 设置画笔的锯齿效果。
setColor: 设置画笔颜色
setARGB:  设置画笔的a,r,p,g值。
setAlpha:  设置Alpha值
setTextSize: 设置字体尺寸。
setStyle:  设置画笔风格,空心或者实心。
setStrokeWidth: 设置空心的边框宽度。
getColor:  得到画笔的颜色
getAlpha:  得到画笔的Alpha值。

自定义控件时常常遇到重写View的Ondraw()方法,Ondraw()方法常常设计到save()和restore()这两个方法

,现结合demo简单分析一下这两个方法的作用:

 

1.save():用来保存Canvas的状态,save()方法之后的代码,可以调用Canvas的平移、放缩、旋转、裁剪等操作!

2.restore():用来恢复Canvas之前保存的状态,防止save()方法代码之后对Canvas执行的操作,继续对后续的绘制会产生影响,通过该方法可以避免连带的影响!

 

通过一个例子说明一下:

例如:我们想在画布上绘制一个向右的三角箭头,当然,我们可以直接绘制,另外,我们也可以先把画布旋转90°,画一个向上的箭头,然后再旋转回来(这种旋转操作对于画圆周上的标记非常有用),*后,我们在右下角绘一个20像素的圆!

 

代码:

  1. <span style=“font-size:18px;”>package com.test.ui;  
  2. import android.R.color;  
  3. import android.content.Context;  
  4. import android.graphics.Canvas;  
  5. import android.graphics.Color;  
  6. import android.graphics.Paint;  
  7. import android.view.View;  
  8. public class GameView extends View  {  
  9.     public final static String TAG = “Example_05_03_GameView”;  
  10.     // 声明Paint对象  
  11.     private Paint mPaint = null;  
  12.     public GameView(Context context) {  
  13.         super(context);  
  14.         mPaint = new Paint();  
  15.     }
  16.     @Override  
  17.     protected void onDraw(Canvas canvas) {  
  18.         super.onDraw(canvas);  
  19.         Paint background=new Paint();  
  20.         Paint line=new Paint();  
  21.         background.setColor(color.darker_gray);
  22.         line.setColor(Color.RED);
  23.         int px = getMeasuredWidth();  
  24.         int py = getMeasuredWidth();  
  25.         // Draw background  
  26.         canvas.drawRect(0, 0, px, py, background);  
  27.         canvas.save();
  28.         canvas.rotate(90, px/2, py/2);                  
  29.          //画一个向上的箭头  
  30.         canvas.drawLine(px / 2, 0, 0, py / 2, line); //左边的斜杠        
  31.         canvas.drawLine(px / 2, 0, px, py / 2, line);//右边的斜杠  
  32.         canvas.drawLine(px / 2, 0, px / 2, py, line);//垂直的竖杠  
  33.         canvas.restore();
  34.         // Draw circle  
  35.         canvas.drawCircle(px – 10, py – 10, 10, line);   
  36.     }
  37. }
  38. </span>

 

MainActivity.Java:

 

  1. <span style=“font-size:18px;”>package com.test.ui;  
  2. import android.app.Activity;  
  3. import android.os.Bundle;  
  4. public class MainActivity extends Activity {  
  5.     private GameView mGameView;  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.activity_main);
  10.         mGameView = new GameView(this);  
  11.         setContentView(mGameView);
  12.     }
  13. }
  14. </span>

运行结果:

 

%title插图%num

 

如果将 canvas.save()和canvas.restore()注释掉,那么圆点将会随着之前的90旋转跑到了左边,没有达到你预期想要显示在右下角的效果:

 

%title插图%num

 

以上我们很明显看到圆圈位置的明显差异。不进行Canvas的save和restore操作的话,所有的图像都是在画布旋转90°后的画布上绘制的。当执行完onDraw方法,系统自动将画布恢复回来。save和restore操作执行的时机不同,就能绘制不同的图形,save和restore之间,往往是对Canvas的特殊操作!

 

 

友情链接: SITEMAP | 旋风加速器官网 | 旋风软件中心 | textarea | 黑洞加速器 | jiaohess | 老王加速器 | 烧饼哥加速器 | 小蓝鸟 | tiktok加速器 | 旋风加速度器 | 旋风加速 | quickq加速器 | 飞驰加速器 | 飞鸟加速器 | 狗急加速器 | hammer加速器 | trafficace | 原子加速器 | 葫芦加速器 | 麦旋风 | 油管加速器 | anycastly | INS加速器 | INS加速器免费版 | 免费vqn加速外网 | 旋风加速器 | 快橙加速器 | 啊哈加速器 | 迷雾通 | 优途加速器 | 海外播 | 坚果加速器 | 海外vqn加速 | 蘑菇加速器 | 毛豆加速器 | 接码平台 | 接码S | 西柚加速器 | 快柠檬加速器 | 黑洞加速 | falemon | 快橙加速器 | anycast加速器 | ibaidu | moneytreeblog | 坚果加速器 | 派币加速器 | 飞鸟加速器 | 毛豆APP | PIKPAK | 安卓vqn免费 | 一元机场加速器 | 一元机场 | 老王加速器 | 黑洞加速器 | 白石山 | 小牛加速器 | 黑洞加速 | 迷雾通官网 | 迷雾通 | 迷雾通加速器 | 十大免费加速神器 | 猎豹加速器 | 蚂蚁加速器 | 坚果加速器 | 黑洞加速 | 银河加速器 | 猎豹加速器 | 海鸥加速器 | 芒果加速器 | 小牛加速器 | 极光加速器 | 黑洞加速 | movabletype中文网 | 猎豹加速器官网 | 烧饼哥加速器官网 | 旋风加速器度器 | 哔咔漫画 | PicACG | 雷霆加速