Canvas的save和restore

在創建新的控件或修改現有的控件時,我們都會涉及到重寫控件或ViewonDraw方法。

 

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

 

onDraw方法裏,我們經常會看到調用saverestore方法,它們到底是幹什麼用的呢?

 

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

 

 restore:用來恢復Canvas之前保存的狀態。防止save後對Canvas執行的操作對後續的繪製有影響。

 

saverestore要配對使用(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

 

如果我們不調用saverestore會是什麼樣子呢?如圖2所示:

 

 

2

 

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

 

所以,saverestore之間,往往夾雜的是對Canvas的特殊操作。


所以我們如果單獨處理一張圖片的時候,而且不想影響其他部分的繪製,那麼應該如下來做,讓變換的代碼放在save和restore之間,就不會對後面的作畫有影響了
view plaincopy to clipboardprint?
     public void draw() {   
        Canvas canvas = sfh.lockCanvas();    
        canvas.drawColor(Color.BLACK);  
        canvas.drawBitmap(bmp1, 0,0,paint);  
        canvas.save();   
        canvas.scale(5f, 5f);  
        canvas.drawBitmap(bmp2, 0,0,paint);  
        canvas.restore();   

        sfh.unlockCanvasAndPost(canvas);    
       }  


發佈了11 篇原創文章 · 獲贊 9 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章