canvas之save、restore、restoreToCount详解

Canvas（画布） save和restore 保存和恢复对象都是Canvas 。不要误以为是画图，画到一半，保存，再画的意思，它的作用是保存画布的设置信息。 例如 canvas.translate，canvas.rotate()之类的。Canvas的方法

Canvas save，把Canvas 的信息保存，压入栈。

Canvas restore ，恢复到最近的一个保存点。出栈。

restoreToCount 恢复到特定的保存点。

 

解释

Canvas的save()、restore()这两个方法字面意思就是保存、恢复，但为什么要保存和回复呢？不保存会怎么样？

如上图当使用 canvas.translate(50,50)方法后canvas的坐标中心就不是左上角，而是（50,50），如图左边数第一个黑色直角就是 第一次canvas.translate(50,50)后的坐标中心。我用了一个for循环对同一个canvas（注意是同一个canvas）执行了5次canvas.translate(50,50),从图中发现canvas每次都以当前坐标中心为基础移动（50,50）,如上图。但是如果遇到在for循环中对canvas执行translate后不想canvas改变坐标中心怎么办？那就在canvas translate前save，后再restore。如下注释代码。

1. public class BaseCanvasView extends View {

2. public BaseCanvasView(Context context, @Nullable AttributeSet attrs) {

3. super(context, attrs);

4. initPath();

5. }

6.  

7. public BaseCanvasView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

8. super(context, attrs, defStyleAttr);

9. initPath();

10. }

11.  

12. private Path path;

13. private Paint paint;

14. private void initPath(){

15. path = new Path();

16. path.lineTo(100,0);

17. path.moveTo(0,0);

18. path.lineTo(0,100);

19. paint = new Paint();

20. paint.setColor(Color.BLACK);

21. paint.setStyle(Paint.Style.STROKE);

22. paint.setStrokeWidth(10);

23. }

24. //不建议在onDraw 实例对象，因为onDraw会频繁调用，所以才单独抽取出方法initPath

25. @Override

26. protected void onDraw(Canvas canvas) {

27. super.onDraw(canvas);

28. for (int i = 0; i < 5; i++) {

29. //打开 canvas.save(); 和 //canvas.restore(); 可以看到不同效果

30. //canvas.save();

31. canvas.translate(50,50);

32. canvas.drawPath(path,paint);

33. //restore要配合save使用，save入栈，restore出栈，如果没有save，直接restore会报错

34. //canvas.restore();

35. }

36.  

37. /* int beginSave=canvas.save();

38. canvas.translate(100,0);

39. for (int i = 0; i < 5; i++) {

40. canvas.save();

41. canvas.translate(50,50);

42. canvas.drawPath(path,paint);

43. }

44. canvas.restoreToCount(beginSave);

45. canvas.drawPath(path,paint);*/

46.  

47. }

48. }

 

1. <?xml version="1.0" encoding="utf-8"?>

2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

3. xmlns:app="http://schemas.android.com/apk/res-auto"

4. xmlns:tools="http://schemas.android.com/tools"

5. android:layout_width="match_parent"

6. android:layout_height="match_parent"

7. tools:context="com.tan.testview.BaseCanvasActivity">

8.  

9. <com.tan.testview.widget.BaseCanvasView

10. android:layout_width="match_parent"

11. android:layout_height="match_parent"

12. app:layout_constraintLeft_toLeftOf="parent"

13. app:layout_constraintTop_toTopOf="parent"

14. />

15.  

16. </androidx.constraintlayout.widget.ConstraintLayout>

restoreToCount 恢复到特定的保存点。

1. @Override

2. protected void onDraw(Canvas canvas) {

3. super.onDraw(canvas);

4.  

5. int beginSave=canvas.save();

6. canvas.translate(100,0);

7. for (int i = 0; i < 5; i++) {

8. canvas.save();

9. canvas.translate(50,50);

10. canvas.drawPath(path,paint);

11. }

12. canvas.restoreToCount(beginSave);

13. canvas.drawPath(path,paint);

14.  

15. }

参考：

canvas之save、restore详解