Android Canvas的save(),saveLayer()和restore()浅谈
2015-12-22 17:58
483 查看
Android Canvas的save(),saveLayer()和restore()浅谈
save() saveLayer() restore()1.在自定义控件当中你onMeasure和onLayout的工作做完成以后就该绘制该控件了,有时候需要自己在控件上添加一些修饰来满足需求复写onDraw(Canvas canvas),其中Canvas就像是一块画布,你自定义控件的样式就是在它上面完成的。Canvas ,Paint等基本概念就不赘述了。2.下面就直接用demo来解释标题列出的方法先介绍save()和必须了解的相关知识:http://www.cnblogs.com/liangstudyhome/p/4126002.htmlsave() : 用来保存Canvas的状态,save()方法之后的代码,可以调用Canvas的平移、放缩、旋转、裁剪等操作!restore():用来恢复Canvas之前保存的状态(可以想成是保存坐标轴的状态),防止save()方法代码之后对Canvas执行的操作,继续对后续的绘制会产生影响,通过该方法可以避免连带的影响 通过一个例子说明一下: 例如:我们想在画布上绘制一个向右的三角箭头,当然,我们可以直接绘制,另外,我们也可以先把画布旋转90°,画一个向上的箭头,然后再旋转回来(这种旋转操作对于画圆周上的标记非常有用),最后,我们在右下角绘一个20像素的圆!网上对这个问题的解决说是旋转回来,我的感觉其实save()保存的就是Canvas中坐标轴的状态。MyView:1 public class MyView extends View { 2 3 public final static String TAG = "Example"; 4 5 private Paint mPaint = null; 6 7 public MyView(Context context) { 8 super(context); 9 mPaint = new Paint(); 10 } 11 12 public MyView(Context context, AttributeSet attrs) { 13 super(context, attrs); 14 } 15 16 public MyView(Context context, AttributeSet attrs, int defStyle) { 17 super(context, attrs, defStyle); 18 } 19 20 @Override 21 protected void onDraw(Canvas canvas) { 22 super.onDraw(canvas); 23 Paint background = new Paint(); 24 Paint line = new Paint(); 25 line.setStrokeWidth(4); 26 background.setColor(Color.GRAY); 27 line.setColor(Color.RED); 28 29 int px = 500; 30 int py = 500; 31 32 canvas.drawRect(0, 0, px, py, background); 33 canvas.save(); 34 canvas.rotate(90, px / 2, py / 2); 35 // 画一个向上的箭头 36 canvas.drawLine(px / 2, 0, 0, py / 2, line); // 左边的斜杠 37 canvas.drawLine(px / 2, 0, px, py / 2, line);// 右边的斜杠 38 canvas.drawLine(px / 2, 0, px / 2, py, line);// 垂直的竖杠 39 40 canvas.restore(); 41 canvas.drawCircle(px - 100, py - 100, 50, line); 42 43 } 44 45 }运行后的效果是: 将canvas.save()和canvas.restore()这两行代码注释掉以后运行的效果是: 为什么有这种差异出现呢?在 canvas.save()之前,Canvas的坐标轴是:save()之后就是把这种状态的坐标轴状态保存了下来,canvas.rotate(90, px / 2, py / 2)围着圆心旋转之后,坐标轴变成:
1 canvas.drawLine(px / 2, 0, 0, py / 2, line); // 左边的斜杠2 canvas.drawLine(px / 2, 0, px, py / 2, line);// 右边的斜杠3 canvas.drawLine(px / 2, 0, px / 2, py, line);// 垂直的竖杠这一些列画图操作时在变换后的坐标轴上画出来的,所以是一个往右方向的箭头。当调用canvas.restore()后坐标轴恢复到canvas.save()之前的状态。所以canvas.drawCircle(px - 100, py - 100, 50, line)参考的坐标轴是cnavas.save()之前的坐标轴。这样也就能说通为什么不用Canvas.save()和用Canvas.save()圆圈位置为什么不相同的原因了。saveLayerCanvas 在一般的情况下可以看作是一张画布,所有的绘图操作如drawBitmap, drawCircle都发生在这张画布上,这张画板还定义了一些属性比如Matrix,颜色等等。但是如果需要实现一些相对复杂的绘图操作,比如多层动 画,地图(地图可以有多个地图层叠加而成,比如:政区层,道路层,兴趣点层)。Canvas提供了图层(Layer)支持,缺省情况可以看作是只有一个图 层Layer。如果需要按层次来绘图,Android的Canvas可以使用SaveLayerXXX, Restore 来创建一些中间层,对于这些Layer是按照“栈结构“来管理的: 创建一个新的Layer到“栈”中,可以使用saveLayer, savaLayerAlpha, 从“栈”中推出一个Layer,可以使用restore,restoreToCount。但Layer入栈时,后续的DrawXXX操作都发生在这个 Layer上,而Layer退栈时,就会把本层绘制的图像“绘制”到上层或是Canvas上,在复制Layer到Canvas上时,可以指定Layer的 透明度(Layer),这是在创建Layer时指定的:public int saveLayerAlpha(RectF bounds, int alpha, int saveFlags)本例Layers 介绍了图层的基本用法:Canvas可以看做是由两个图层(Layer)构成的,为了更好的说明问题,我们将代码稍微修改一下,缺省图层绘制一个红色的 圆,在新的图层画一个蓝色的圆,新图层的透明度为0×88。
1 public class Layers extends Activity { 2 3 @Override 4 protected void onCreate(Bundle savedInstanceState) { 5 super.onCreate(savedInstanceState); 6 setContentView(new SampleView(this)); 7 } 8 9 private static class SampleView extends View {10 private static final int LAYER_FLAGS = Canvas.MATRIX_S***E_FLAG | Canvas.CLIP_S***E_FLAG11 | Canvas.HAS_ALPHA_LAYER_S***E_FLAG | Canvas.FULL_COLOR_LAYER_S***E_FLAG12 | Canvas.CLIP_TO_LAYER_S***E_FLAG;13 14 private Paint mPaint;15 16 public SampleView(Context context) {17 super(context);18 setFocusable(true);19 20 mPaint = new Paint();21 mPaint.setAntiAlias(true);22 }23 24 @Override25 protected void onDraw(Canvas canvas) {26 canvas.drawColor(Color.WHITE); 27 canvas.translate(10, 10); 28 mPaint.setColor(Color.RED); 29 canvas.drawCircle(75, 75, 75, mPaint); 30 canvas.saveLayerAlpha(0, 0, 200, 200, 0x88, LAYER_FLAGS); 31 mPaint.setColor(Color.BLUE); 32 canvas.drawCircle(125, 125, 75, mPaint); 33 canvas.restore(); 34 }35 }36 }分析:canvas.saveLayerAlpha(0, 0, 200, 200, 0x88, LAYER_FLAGS)将一个layer推入栈中,后续的
1 mPaint.setColor(Color.BLUE);2 canvas.drawCircle(125, 125, 75, mPaint);画一个蓝色圆是在这个layer中画的,和之前画红色圆的不是同一个layer层。在canvas.restore()被保存的layer就在红色圆layer上面了。效果图是:原文链接:http://developer.android.com/intl/zh-cn/reference/android/graphics/Canvas.html
相关文章推荐
- android编译错误“OnClickListener cannot be resolved to a type”
- Android Popup Window 居于控件上方突出显示
- android中坐标系详解
- 62.在Android Studio中使用Git进行版本管理
- Android笔记(六十三) android中的动画——逐帧动画( frame-by-frame animation)
- Android提示用户更新版本
- Android-Universal-Image-Loader
- Android陀螺仪传感器学习
- Android -- Adapter
- android MotionEvent中getX()和getRawX()的区别
- 在androidstudio导入library
- android studio libs 下导入so的问题
- Android中的"Unable to start activity ComponentInfo"错误
- Android 自定义View,实现数独界面设计
- Android计步器学习-第一篇
- MPAndroidChart 教程:图表的具体设置 Specific chart settings(六)
- Android 6.0 运行时权限处理
- android蓝牙自动配对的有关问题
- android activity之间传递参数,获取上一个activity的返回结果
- Android string.xml中空格的问题