Canvas的save和restore

 

在建立新的控件或修改現有的控件時，咱們都會涉及到重寫控件或View的onDraw方法。

 

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

 

在onDraw方法裏，咱們常常會看到調用save和restore方法，它們究竟是幹什麼用的呢？

 

❑ save：用來保存Canvas的狀態。save以後，能夠調用Canvas的平移、放縮、旋轉、錯切、裁剪等操做。

 

❑ restore：用來恢復Canvas以前保存的狀態。防止save後對Canvas執行的操做對後續的繪製有影響。

 

save和restore要配對使用（restore能夠比save少，但不能多），若是restore調用次數比save多，會引起Error。

 

例如：咱們先想在畫布上繪製一個右向的三角箭頭，固然，咱們能夠直接繪製，另外，咱們也能夠先把畫布旋轉90°，畫一個向上的箭頭，而後再旋轉回來（這種旋轉操做對於畫圓周上的標記很是有用）。而後，咱們想在右下角有個20像素的圓，那麼，onDraw中的核心代碼是：

 

int px = getMeasuredWidth();

int py = getMeasuredWidth();

 

// Draw background

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

 

canvas.save();

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

 

// 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的特殊操做。