Android canvas的save restore translate rotate用法介紹

一. 首先講一下canvas的save 和 restore功能. 這是canvas很有魅力的一個部分.

     onDraw方法會傳入一個Canvas對象，它是你用來繪製控制項視覺介面的畫布。

　　在onDraw方法裡，我們經常會看到調用save和restore方法，它們到底是幹什麼用的呢?

　　❑ save：用來儲存Canvas的狀態。save之後，可以調用Canvas的平移、放縮、旋轉、錯切、裁剪等操作。

　　❑ restore：用來恢複Canvas之前儲存的狀態。防止save後對Canvas執行的操作對後續的繪製有影響。

　　save和restore要配對使用(restore可以比save少，但不能多)，如果restore調用次數比save多，會引發Error。save和restore之間，往往夾雜的是對Canvas的特殊操作。

　　例如：我們先想在畫布上繪製一個右向的三角箭頭，當然，我們可以直接繪製，另外，我們也可以先把畫布旋轉90°，畫一個向上的箭頭，然後再旋轉回來(這種旋轉操作對於畫圓周上的標記非常有用)。然後，我們想在右下角有個20像素的圓，那麼，onDraw中的核心代碼是：

　　int px = getMeasuredWidth();

　　int py = getMeasuredWidth();

　　// Draw background

　　canvas.drawRect(0, 0, px, py, backgroundPaint);

　　canvas.save();

       // 以畫布中心為軸正向旋轉90度

　　canvas.rotate(90, px/2, py/2);

//這裡注意一下, rotate後面必須是getMeasuredWidth()和getMeasuredHeight()..具體為什麼我也不太清楚..

　　// Draw up arrow ，左-右-中

　　canvas.drawLine(px / 2, 0, 0, py / 2, linePaint);

　　canvas.drawLine(px / 2, 0, px, py / 2, linePaint);

　　canvas.drawLine(px / 2, 0, px / 2, py, linePaint);

       // 把畫布旋轉回來，回複到旋轉之前的樣子

　　canvas.restore();

　　// Draw circle

　　canvas.drawCircle(px - 10, py - 10, 10, linePaint);

 

 

效果1所示：

 

圖1

 

如果我們不調用save和restore會是什麼樣子呢？2所示：

 

 

圖2

 

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

 

所以，save和restore之間，往往夾雜的是對Canvas的特殊操作。

 

二. 接著講講translate方法.

    和j2me的translate用法一樣，作用就是移動原點，預設的原點（0，0）是在螢幕左上方的，你可以通過translate（x，y）把點（x，y）作為原點.

from： http://blog.csdn.net/infsafe/article/details/5428696