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

最新推荐文章于 2024-10-24 14:55:54 发布
最新推荐文章于 2024-10-24 14:55:54 发布
阅读量3.2k 收藏
点赞数
分类专栏： Android控件系列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013210620/article/details/49780779
版权

裁剪画布（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方法，其他不变

@Override
	protected 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的结构就如上图所示

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

@Override
	protected 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)




第一百五十回 自定义组件综合实例：游戏摇杆一
talk_8的专栏
09-21 528
本章回主要介绍了游戏摇杆的概念和实现方法，并且通过示例代码进行了演示。该内容综合使用了前面章回中自定义组件相关的知识。
delphi控件使用
achs24540的博客
10-27 2621
Standard页 1- Tlistbox控件 重要属性items.* 举例，界面设计如下左，执行结果如下右： 代码为 procedure TForm1.Button1Click(Sender: TObject); begin edit1.Text := listbox1.Items.CommaText; edit2.Text := listbo...
Canvas.CLIP_SAVE_FLAG 找不到
丿灬安之若死
09-19 517
改为 canvas.save();
canvas中 save（）和saveLayer（）区别
lijiuche的博客
12-05 4420
canvas中 save（）和saveLayer（）区别这两天了解学习绘制相关的知识，对于save和saveLayer的不同之处网上没有找到很好的解释，可能是自己理解力的问题。这里重新自己梳理了下。 相同点 saveLayer可以实现save所能实现的功能 不同点 1，saveLaye生成一个独立的图层而save只是保存了一下当时画布的状态类似于一个还原点（本来就是）。 2，saveLaye
canvas.save(canvas.all_save_flag)；报错
qq_42070000的博客
12-09 869
canvas.save(canvas.all_save_flag);报错
[Android Studio 日常奇怪问题记录] 之canvas.save(Canvas.ALL_SAVE_FLAG)
u010117864的专栏
04-11 1万+
canvas.save(Canvas.ALL_SAVE_FLAG); 在androidP上会报错，修改方法： canvas.save(Canvas.ALL_SAVE_FLAG); --> canvas.save();
错误: 找不到符号 符号: 变量 CLIP_SAVE_FLAG 位置: 类 Canvas
caobin_study的博客
04-04 9727
当API是28时调用canvas.save(Canvas.CLIP_SAVE_FLAG);方法时报错 错误: 找不到符号 符号: 变量 CLIP_SAVE_FLAG 位置: 类 Canvas 解决办法：直接调canvas.save(); 在android P中删除的canvas.save(int);方法 文档，需要翻墙 ...
Canvas 源码
mzxysxx的博客
10-26 836
最近在看自定义控件---绘制view 今天先上点Canvas的源码，持续更新中。。。 下面是一点Canvas源码 /** * The Canvas class holds the "draw" calls. To draw something, you need * 4 basic components: A Bitmap to hold the pixels, a Canvas to
鸿蒙HarmonyOS （开发进阶）使用Drawing自绘制能力提升性能
最新发布
WEZC156465的博客
10-24 852
下图是一个绘制1000个透明空心圆与背景图融合的绘制场景，下面分别使用Canvas CanvasRenderingContext2D和Native侧的Drawing来实现该场景，并分析两者的性能差异。
【ECharts图表高级定制指南】：如何实现自定义分组与多级X轴的终极优化
[【ECharts图表高级定制指南】：如何实现自定义分组与多级X轴的终极优化](https://cdn.document360.io/c315c68d-2799-4fcc-9a39-084315b58f14/Images/Documentation/img126(3).png) # 摘要 ECharts是一个广泛使用的...
错误: 找不到符号 符号: 变量 CLIP_SAVE_FLAG 位置: 类 Canvas
即将成为Android大师的小学徒
03-05 2690
错误 当API是28时调用canvas.save(Canvas.CLIP_SAVE_FLAG); 错误: 找不到符号 符号: 变量 CLIP_SAVE_FLAG 位置: 类 Canvas 解决办法 直接调用 canvas.save(); 原因 Google在android P中删除了canvas.save(int); Google 文档
canvas.save(Canvas.ALL_SAVE_FLAG)
咋啥昵称都被占用了呢的博客
05-22 1145
更新gradle新版本后，canvas.save(Canvas.ALL_SAVE_FLAG)报错； 修改方法： 改为canvas.save();
Canvas的save和restore
s740088128的专栏
09-10 1244
我们在看很多自定义view的源码里经常会有canvas.save()和canvas.restore()出现,今天我们就来看一下canvas为什么要进行这样的操作以及这样的操作的原理. 在我们平时的概念里应该觉得canvas就是我们的屏幕,但是其实不是的,canvas其实应该是一个静态缓冲层,我们在canvas是做完绘画的操作,然后系统将canvas上的图像放置到屏幕上.下面我们举一个例子,具体步
Android Canvas的save(),saveLayer()和restore()浅谈
醉离歌醉的专栏
10-27 593
1.在自定义控件当中你onMeasure和onLayout的工作做完成以后就该绘制该控件了，有时候需要自己在控件上添加一些修饰来满足需求 复写onDraw(Canvas canvas),其中Canvas就像是一块画布，你自定义控件的样式就是在它上面完成的。 Canvas ，Paint等基本概念就不赘述了。 2.下面就直接用demo来解释标题列出的方法先介绍save()和saveLayer() sa
Canvas: canvas的save()和restore()
qq_36113746的博客
12-14 1219
Canvas的save()和restore()方法
Android canvas save restore saveLayer的异同点
晓游的专栏
11-08 500
一、canvas常用绘制方法: 文本 canvas.drawText 填充 drawARGB(int a, int r, int g, int b) drawColor(int color) drawRGB(int r, int g, int b) drawColor(int color, PorterDuff.Mode mode) 几何图形 canvas.drawArc （扇形） canvas...
Android中的canvas介绍
热门推荐
linghu_java的专栏
05-17 2万+
一个画图需要四大基本要素： 1、一个用来保存像素的Bitmap； 2、一个Canvas画布，绘制Bitmap操作； 3、绘制的东西 4、绘制的画笔Paint（颜色和样式） 1、如何获得一个Canvas对象。 Canvas对象的获取方式有三种： 第一种我们通过重写View.onDraw方法，View中的Canvas对象会被当做参数传递
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值