自定义控件（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。

相关文章

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
hdu1496（用hash思想统计数目）

hdu1496（用hash思想统计数目）

作为一个刚学hash的孩子，感觉这道题目很不错，灵活的运用的数组的下标。 解题步骤：如果用常规方法解，那么时间复杂度为O（n^4）,肯定会超时，然后参考了网上的解题方法，将等式分成两个部分，a*x1^2+b*x2^2和c*x3^2+d*x4^2， 各自作为数组的下标，如果两部分相加为0，则满足等式； 代码如下： #include<iostream>#include<algorithm
阅读更多...
【C++】_list常用方法解析及模拟实现

【C++】_list常用方法解析及模拟实现

相信自己的力量，只要对自己始终保持信心，尽自己最大努力去完成任何事，就算事情最终结果是失败了，努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一：什么是list？ •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二：list常用接口 •🌰1.默认成员函数 🔥构造函数（⭐） 🔥析构函数 •🌰2.list对象
阅读更多...
浅谈主机加固，六种有效的主机加固方法

浅谈主机加固，六种有效的主机加固方法

在数字化时代，数据的价值不言而喻，但随之而来的安全威胁也日益严峻。从勒索病毒到内部泄露，企业的数据安全面临着前所未有的挑战。为了应对这些挑战，一种全新的主机加固解决方案应运而生。 MCK主机加固解决方案，采用先进的安全容器中间件技术，构建起一套内核级的纵深立体防护体系。这一体系突破了传统安全防护的局限，即使在管理员权限被恶意利用的情况下，也能确保服务器的安全稳定运行。 普适主机加固措施：
阅读更多...
webm怎么转换成mp4？这几种方法超多人在用！

webm怎么转换成mp4？这几种方法超多人在用！

webm怎么转换成mp4？WebM作为一种新兴的视频编码格式，近年来逐渐进入大众视野，其背后承载着诸多优势，但同时也伴随着不容忽视的局限性，首要挑战在于其兼容性边界，尽管WebM已广泛适应于众多网站与软件平台，但在特定应用环境或老旧设备上，其兼容难题依旧凸显，为用户体验带来不便，再者，WebM格式的非普适性也体现在编辑流程上，由于它并非行业内的通用标准，编辑过程中可能会遭遇格式不兼容的障碍，导致操
阅读更多...
透彻！驯服大型语言模型（LLMs）的五种方法，及具体方法选择思路

透彻！驯服大型语言模型（LLMs）的五种方法，及具体方法选择思路

引言 随着时间的发展，大型语言模型不再停留在演示阶段而是逐步面向生产系统的应用，随着人们期望的不断增加，目标也发生了巨大的变化。在短短的几个月的时间里，人们对大模型的认识已经从对其zero-shot能力感到惊讶，转变为考虑改进模型质量、提高模型可用性。 「大语言模型(LLMs)其实就是利用高容量的模型架构（例如Transformer）对海量的、多种多样的数据分布进行建模得到，它包含了大量的先验
阅读更多...
【北交大信息所AI-Max2】使用方法

【北交大信息所AI-Max2】使用方法

BJTU信息所集群AI_MAX2使用方法 使用的前提是预约到相应的算力卡，拥有登录权限的账号密码，一般为导师组共用一个。 有浏览器、ssh工具就可以。 1.新建集群Terminal 浏览器登陆10.126.62.75 （如果是1集群把75改成66） 交互式开发 执行器选Terminal 密码随便设一个（需记住） 工作空间：私有数据、全部文件 加速器选GeForce_RTX_2080_Ti
阅读更多...
C++——stack、queue的实现及deque的介绍

C++——stack、queue的实现及deque的介绍

目录 1.stack与queue的实现 1.1stack的实现  1.2 queue的实现 2.重温vector、list、stack、queue的介绍 2.1 STL标准库中stack和queue的底层结构  3.deque的简单介绍 3.1为什么选择deque作为stack和queue的底层默认容器  3.2 STL中对stack与queue的模拟实现 ①stack模拟实现
阅读更多...
自定义类型：结构体(续)

自定义类型：结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐？ 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识，并举出了两个例子，我们再举出两个例子继续说明： struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s
阅读更多...
【VUE】跨域问题的概念，以及解决方法。

【VUE】跨域问题的概念，以及解决方法。

目录 1.跨域概念 2.解决方法 2.1 配置网络请求代理 2.2 使用@CrossOrigin 注解 2.3 通过配置文件实现跨域 2.4 添加 CorsWebFilter 来解决跨域问题 1.跨域概念 跨域问题是由于浏览器实施了同源策略，该策略要求请求的域名、协议和端口必须与提供资源的服务相同。如果不相同，则需要服务器显式地允许这种跨域请求。一般在springbo
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2