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

[java]

1. 1. 
      
2. <span style="font-size:18px;"> </span>  
   1. 
      

[java] ​​​​

1. 1. 
      
2. <span style="font-size:18px;"></span>   
   1. 
      

绘图之前，首先需要调整画笔，待画笔调整好之后，再将图像绘制到画布上，这样才可以显示在手机屏幕上！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像素的圆！

代码：

[java] ​

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

MainActivity.Java:

[java]

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

运行结果：

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

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