自定义控件（10）---Canvas的save、restore方法的Stack思想

2024-08-31 23:32
文章标签 自定义 方法 stack canvas 控件 思想 restore save

本文主要是介绍自定义控件（10）---Canvas的save、restore方法的Stack思想，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

裁剪画布（clip系列函数）

protected void onDraw(Canvas canvas) {  // TODO Auto-generated method stub  super.onDraw(canvas);  canvas.drawColor(Color.RED);  canvas.clipRect(new Rect(100, 100, 200, 200));  canvas.drawColor(Color.GREEN);  
}
裁剪画布是利用Clip系列函数，通过与Rect、Path、Region取交、并、差等集合运算来获得最新的画布形状。除了调用Save、Restore函数以外，这个操作是不可逆的，一但Canvas画布被裁剪，就不能再被恢复
先把背景色整个涂成红色。显示在屏幕上
然后裁切画布，最后最新的画布整个涂成绿色。可见绿色部分，只有一小块，而不再是整个屏幕了



save和saveLayerXXX方法有着本质的区别，saveLayerXXX方法会将所有操作在一个新的Bitmap中进行，而save则是依靠stack栈来进行

如果在上一篇博客里面的自定义view修改下onDraw方法，其他不变

@Overrideprotected void onDraw(Canvas canvas) {/** 保存并裁剪画布填充绿色*/int saveID1 = canvas.save(Canvas.CLIP_SAVE_FLAG);canvas.clipRect(mViewWidth / 2F - 300, mViewHeight / 2F - 300, mViewWidth / 2F + 300, mViewHeight / 2F + 300);canvas.drawColor(Color.YELLOW);/** 保存并裁剪画布填充绿色*/int saveID2 = canvas.save(Canvas.CLIP_SAVE_FLAG);canvas.clipRect(mViewWidth / 2F - 200, mViewHeight / 2F - 200, mViewWidth / 2F + 200, mViewHeight / 2F + 200);canvas.drawColor(Color.GREEN);/** 保存画布并旋转后绘制一个蓝色的矩形*/int saveID3 = canvas.save(Canvas.MATRIX_SAVE_FLAG);canvas.rotate(5);mPaint.setColor(Color.BLUE);canvas.drawRect(mViewWidth / 2F - 100, mViewHeight / 2F - 100, mViewWidth / 2F + 100, mViewHeight / 2F + 100, mPaint);}

此时，在Canvas内部会有这样的一个Stack栈：


Canvas会默认保存一个底层的空间给我们绘制一些东西，当我们没有调用save方法时所有的绘图操作都在这个Default Stack ID中进行，每当我们调用一次save就会往Stack中存入一个ID，将其后所有的操作都在这个ID所指向的空间进行直到我们调用restore方法还原操作，上面代码我们save了三次且没有restore，stack的结构就如上图所示

此时如果我们继续绘制东西，比如：

@Overrideprotected void onDraw(Canvas canvas) {/** 保存并裁剪画布填充绿色--裁剪标识位*/int saveID1 = canvas.save(Canvas.CLIP_SAVE_FLAG);canvas.clipRect(mViewWidth / 2F - 300, mViewHeight / 2F - 300, mViewWidth / 2F + 300, mViewHeight / 2F + 300);canvas.drawColor(Color.YELLOW);/** 保存并裁剪画布填充绿色--裁剪标识位*/int saveID2 = canvas.save(Canvas.CLIP_SAVE_FLAG);canvas.clipRect(mViewWidth / 2F - 200, mViewHeight / 2F - 200, mViewWidth / 2F + 200, mViewHeight / 2F + 200);canvas.drawColor(Color.GREEN);/** 保存画布并旋转后绘制一个蓝色的矩形--标识位*/int saveID3 = canvas.save(Canvas.MATRIX_SAVE_FLAG);mPaint.setColor(Color.BLUE);canvas.drawRect(mViewWidth / 2F - 100, mViewHeight / 2F - 100, mViewWidth / 2F + 100, mViewHeight / 2F + 100, mPaint);mPaint.setColor(Color.CYAN);canvas.drawRect(mViewWidth / 2F, mViewHeight / 2F, mViewWidth / 2F + 200, mViewHeight / 2F + 200, mPaint);}

我们在saveID3之后又画了一个青色的矩形，这段代码是在saveID3所标识的空间中绘制的，因此其必然会受到saveID3的约束旋转：

除此之外，大家还可以很明显的看到，这个矩形还被clip了~也就是说saveID1、saveID2也同时对其产生了影响


如果我们将上面的代码稍微改动一下--只将ID2还原（其他不还原）

	int saveID2 = canvas.save(Canvas.CLIP_SAVE_FLAG);canvas.clipRect(mViewWidth / 2F - 200, mViewHeight / 2F - 200, mViewWidth / 2F + 200, mViewHeight / 2F + 200);canvas.drawColor(Color.GREEN);canvas.restore();

接着上面的代码继续改--将ID1、ID2都还原（其他不还原）

	/** 保存并裁剪画布填充绿色*/int saveID1 = canvas.save(Canvas.CLIP_SAVE_FLAG);canvas.clipRect(mViewWidth / 2F - 300, mViewHeight / 2F - 300, mViewWidth / 2F + 300, mViewHeight / 2F + 300);canvas.drawColor(Color.YELLOW);canvas.restore(); /** 保存并裁剪画布填充绿色*/int saveID2 = canvas.save(Canvas.CLIP_SAVE_FLAG);canvas.clipRect(mViewWidth / 2F - 200, mViewHeight / 2F - 200, mViewWidth / 2F + 200, mViewHeight / 2F + 200);canvas.drawColor(Color.GREEN);canvas.restore();

效果如图

下面的代码--ID3还原不还原都是上面的效果，因为Canvas.MATRIX_SAVE_FLAG原因，定义标识的，如果是裁剪的话，貌似就不行了（不过我没试，哈哈哈。。。。。）

/** 保存画布并旋转后绘制一个蓝色的矩形*/int saveID3 = canvas.save(Canvas.MATRIX_SAVE_FLAG);// 旋转画布mPaint.setColor(Color.BLUE);canvas.drawRect(mViewWidth / 2F - 100, mViewHeight / 2F - 100, mViewWidth / 2F + 100, mViewHeight / 2F + 100, mPaint);canvas.restore();



上面我们提到的restoreToCount(int saveCount)方法接受一个标识值，我们可以根据这个标识值来还原特定的栈空间，效果类似就不多说了。每当我们调用restore还原Canvas，对应的save栈空间就会从Stack中弹出去，Canvas提供了getSaveCount()方法来为我们提供查询当前栈中有多少save的空间：


画布的保存与恢复save()、restore()

前面我们所有对画布的操作都是不可逆的，这会造成很多麻烦，比如，我们为了实现一些效果不得不对画布进行操作，但操作完了，画布状态也改变了，这会严重影响到后面的画图操作。如果我们能对画布的大小和状态（旋转角度、扭曲等）进行实时保存和恢复就最好了。
Save（）：每次调用Save（）函数，都会把当前的画布的状态进行保存，然后放入特定的栈中；
restore（）：每当调用Restore（）函数，就会把栈中最顶层的画布状态取出来，并按照这个状态恢复当前的画布，并在这个画布上做画。
 
protected void onDraw(Canvas canvas) {  // TODO Auto-generated method stub  super.onDraw(canvas);  canvas.drawColor(Color.RED);  //保存的画布大小为全屏幕大小  canvas.save();  canvas.clipRect(new Rect(100, 100, 800, 800));  canvas.drawColor(Color.GREEN);  //保存画布大小为Rect(100, 100, 800, 800)  canvas.save();  canvas.clipRect(new Rect(200, 200, 700, 700));  canvas.drawColor(Color.BLUE);  //保存画布大小为Rect(200, 200, 700, 700)  canvas.save();  canvas.clipRect(new Rect(300, 300, 600, 600));  canvas.drawColor(Color.BLACK);  //保存画布大小为Rect(300, 300, 600, 600)  canvas.save();  canvas.clipRect(new Rect(400, 400, 500, 500));  canvas.drawColor(Color.WHITE);  //将栈顶的画布状态取出来，作为当前画布，并画成黄色背景  canvas.restore();  canvas.drawColor(Color.YELLOW);  
}



那如果我连续Restore（）三次，会怎样呢？
我们先分析一下，然后再看效果：Restore（）三次的话，会连续出栈三次，然后把第三次出来的Canvas状态当做当前画布，也就是Rect(100, 100, 800, 800)，所以如下代码：
 
protected void onDraw(Canvas canvas) {  // TODO Auto-generated method stub  super.onDraw(canvas);  canvas.drawColor(Color.RED);  //保存的画布大小为全屏幕大小  canvas.save();  canvas.clipRect(new Rect(100, 100, 800, 800));  canvas.drawColor(Color.GREEN);  //保存画布大小为Rect(100, 100, 800, 800)  canvas.save();  canvas.clipRect(new Rect(200, 200, 700, 700));  canvas.drawColor(Color.BLUE);  //保存画布大小为Rect(200, 200, 700, 700)  canvas.save();  canvas.clipRect(new Rect(300, 300, 600, 600));  canvas.drawColor(Color.BLACK);  //保存画布大小为Rect(300, 300, 600, 600)  canvas.save();  canvas.clipRect(new Rect(400, 400, 500, 500));  canvas.drawColor(Color.WHITE);  //连续出栈三次，将最后一次出栈的Canvas状态作为当前画布，并画成黄色背景  canvas.restore();  canvas.restore();  canvas.restore();  canvas.drawColor(Color.YELLOW);  
}




restoreToCount()

    protected void onDraw(Canvas canvas) {  super.onDraw(canvas);  int id1 = canvas.save();  canvas.clipRect(0,0,800,800);  canvas.drawColor(Color.RED);  Log.d(TAG,"count:"+canvas.getSaveCount()+"  id1:"+id1);  int id2 = canvas.saveLayer(0,0,getWidth(),getHeight(),mPaint,Canvas.ALL_SAVE_FLAG);  canvas.clipRect(100,100,700,700);  canvas.drawColor(Color.GREEN);  Log.d(TAG,"count:"+canvas.getSaveCount()+"  id2:"+id2);  int id3 = canvas.saveLayerAlpha(0,0,getWidth(),getHeight(),0xf0,Canvas.ALL_SAVE_FLAG);  canvas.clipRect(200,200,600,600);  canvas.drawColor(Color.YELLOW);  Log.d(TAG,"count:"+canvas.getSaveCount()+"  id3:"+id3);  int id4 = canvas.save(Canvas.ALL_SAVE_FLAG);  canvas.clipRect(300,300,500,500);  canvas.drawColor(Color.BLUE);  Log.d(TAG,"count:"+canvas.getSaveCount()+"  id4:"+id4);  canvas.restoreToCount(id3);  canvas.drawColor(Color.GRAY);  Log.d(TAG,"count:"+canvas.getSaveCount());  }



从代码中可以看出调用canvas.restoreToCount(id3)后，将恢复到生成id3之前的画布状态，id3之前的画布状态就是(100,100,700,700)




这篇关于自定义控件（10）---Canvas的save、restore方法的Stack思想的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1125307。

相关文章

Python中__init__方法使用的深度解析

Python中__init__方法使用的深度解析

《Python中__init__方法使用的深度解析》在Python的面向对象编程（OOP）体系中,__init__方法如同建造房屋时的奠基仪式——它定义了对象诞生时的初始状态,下面我们就来深入了解下_... 目录一、__init__的基因图谱二、初始化过程的魔法时刻继承链中的初始化顺序self参数的奥秘默认
阅读更多...
html5的响应式布局的方法示例详解

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》：本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法，简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局，详细内容请阅读本文，希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的
阅读更多...
Spring 基于XML配置 bean管理 Bean-IOC的方法

Spring 基于XML配置 bean管理 Bean-IOC的方法

《Spring基于XML配置bean管理Bean-IOC的方法》：本文主要介绍Spring基于XML配置bean管理Bean-IOC的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一... 目录一. spring学习的核心内容二. 基于 XML 配置 bean1. 通过类型来获取 bean2. 通过
阅读更多...
基于Python实现读取嵌套压缩包下文件的方法

基于Python实现读取嵌套压缩包下文件的方法

《基于Python实现读取嵌套压缩包下文件的方法》工作中遇到的问题,需要用Python实现嵌套压缩包下文件读取,本文给大家介绍了详细的解决方法,并有相关的代码示例供大家参考,需要的朋友可以参考下... 目录思路完整代码代码优化思路打开外层zip压缩包并遍历文件：使用with zipfile.ZipFil
阅读更多...
Python处理函数调用超时的四种方法

Python处理函数调用超时的四种方法

《Python处理函数调用超时的四种方法》在实际开发过程中,我们可能会遇到一些场景,需要对函数的执行时间进行限制,例如,当一个函数执行时间过长时,可能会导致程序卡顿、资源占用过高,因此,在某些情况下,... 目录前言func-timeout1. 安装 func-timeout2. 基本用法自定义进程subp
阅读更多...
Qt中QGroupBox控件的实现

Qt中QGroupBox控件的实现

《Qt中QGroupBox控件的实现》QGroupBox是Qt框架中一个非常有用的控件,它主要用于组织和管理一组相关的控件,本文主要介绍了Qt中QGroupBox控件的实现,具有一定的参考价值,感兴趣... 目录引言一、基本属性二、常用方法2.1 构造函数 2.2 设置标题2.3 设置复选框模式2.4 是否
阅读更多...
Qt中QUndoView控件的具体使用

Qt中QUndoView控件的具体使用

《Qt中QUndoView控件的具体使用》QUndoView是Qt框架中用于可视化显示QUndoStack内容的控件,本文主要介绍了Qt中QUndoView控件的具体使用,具有一定的参考价值,感兴趣的... 目录引言一、QUndoView 的用途二、工作原理三、 如何与 QUnDOStack 配合使用四、自
阅读更多...
Python列表去重的4种核心方法与实战指南详解

Python列表去重的4种核心方法与实战指南详解

《Python列表去重的4种核心方法与实战指南详解》在Python开发中,处理列表数据时经常需要去除重复元素,本文将详细介绍4种最实用的列表去重方法,有需要的小伙伴可以根据自己的需要进行选择... 目录方法1：集合(set)去重法（最快速）方法2：顺序遍历法（保持顺序）方法3：副本删除法（原地修改）方法4：
阅读更多...
Python中判断对象是否为空的方法

Python中判断对象是否为空的方法

《Python中判断对象是否为空的方法》在Python开发中,判断对象是否为“空”是高频操作,但看似简单的需求却暗藏玄机,从None到空容器,从零值到自定义对象的“假值”状态,不同场景下的“空”需要精... 目录一、python中的“空”值体系二、精准判定方法对比三、常见误区解析四、进阶处理技巧五、性能优化
阅读更多...
C++中初始化二维数组的几种常见方法

C++中初始化二维数组的几种常见方法

《C++中初始化二维数组的几种常见方法》本文详细介绍了在C++中初始化二维数组的不同方式,包括静态初始化、循环、全部为零、部分初始化、std::array和std::vector,以及std::vec... 目录1. 静态初始化2. 使用循环初始化3. 全部初始化为零4. 部分初始化5. 使用 std::a
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2