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

標籤：tools   代碼   寬度   awr   stroke   getc   lib   restore   位置   

[java] view plain copy

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

[java] view plain copy

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像素的圓！

 

代碼：

[java] view plain copy

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

 

MainActivity.Java:

 

[java] view plain copy

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>  

運行結果：

 

 

如果將 canvas.save()和canvas.restore()注釋掉,那麼圓點將會隨著之前的90旋轉跑到了左邊，沒有達到你預期想要顯示在右下角的效果：

 

 

以上我們很明顯看到圓圈位置的明顯差異。不進行Canvas的save和restore操作的話，所有的映像都是在畫布旋轉90°後的畫布上繪製的。當執行完onDraw方法，系統自動將畫布恢複回來。save和restore操作執行的時機不同，就能繪製不同的圖形，save和restore之間，往往是對Canvas的特殊操作！

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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