对Canvas和Matrix的理解
来源:互联网 发布:nfc查银行卡软件 编辑:程序博客网 时间:2024/05/22 15:02
我们看到的View视图其实最终都是在Canvas这个画板上画出来的,可以想象这个canvas有无限大,只是View组件在绘制时,即父组件调用dispatchDraw(Canvas c)分发给各个子组件绘制时,根据子组件的大小和位置,分别调用canvas的translate(int dx, int dy)和clipRect(int l, int t, int r, int b)方法来设置canvas的当前原点坐标和绘制的可见范围。所以当我们在view组件通过onDraw(Canvas c)方法绘制时,往往因为超过组件大小范围而看不到绘制的一部分内容。
我们通过animation来实现view组件的动画效果时候, 实际上是改变canvas的matrix, matrix矩阵的作用主要是对每个坐标点(x, y)转换为另外的(x', y'),必要的时候canvas还会通过clipRect()方法改变它的绘制可见范围,这样不至于做移动的时候看不到view组件。我们看到view的动画效果时,其实它的大小和布局都没有变化,所以会看到比较搞笑的现象,就是一个button通过translate偏离原来位置后,它的touch事件响应还是在原来位置上,而不是所看到的眼前位置。
Matrix的postTranslate(int dx, int dy),preTranslate(int dx, int dy)方法是设置matrix的增量,而set系列的方法是直接设值。具体如下:
Matrix的postTranslate(int dx, int dy),preTranslate(int dx, int dy)的调用顺序对坐标变换的影响不一样。抽象的说pre方法是向前"生长",post方法是向后"生长",具体拿个例子来说,比如一个matrix调用了下列一系列的方法:
matrix.preScale(0.5f, 1); matrix.preTranslate(10, 0); matrix.postScale(0.7f, 1); matrix.postTranslate(15, 0); 则坐标变换经过的4个变换过程依次是:translate(10, 0) -> scale(0.5f, 1) -> scale(0.7f, 1) -> translate(15, 0), 所以对matrix方法的调用顺序是很重要的,不同的顺序往往会产生不同的变换效果。pre方法的调用顺序和post方法的互不影响,即以下的方法调用和前者在真实坐标变换顺序里是一致的,matrix.postScale(0.7f, 1); matrix.preScale(0.5f, 1); matrix.preTranslate(10, 0); matrix.postTranslate(15, 0);
从数学上来说,设对给定的对象依次进行了基本变化F1、F2、F3…..、Fn,它们的变化矩阵分别为T1、T2、T3…..、Tn,复合变化的矩阵T可以表示为:T = TnTn-1…T1,所以Preconcats matrix相当于右乘矩阵,Postconcats matrix相当于左乘矩阵。
Matrix的set方法则会对先前的pre和post操作进行刷除,而后再设置它的值,比如下列的方法调用: matrix.preScale(0.5f, 1); matrix.postTranslate(10, 0); matrix.setScale(1, 0.6f); matrix.postScale(0.7f, 1); matrix.preTranslate(15, 0); 其坐标变换顺序是translate(15, 0) -> scale(1, 0.6f) -> scale(0.7f, 1)
Canvas里scale, translate, rotate, concat方法都是pre方法,如果要进行更多的变换可以先从canvas获得matrix, 变换后再设置回canvas.
我们通过animation来实现view组件的动画效果时候, 实际上是改变canvas的matrix, matrix矩阵的作用主要是对每个坐标点(x, y)转换为另外的(x', y'),必要的时候canvas还会通过clipRect()方法改变它的绘制可见范围,这样不至于做移动的时候看不到view组件。我们看到view的动画效果时,其实它的大小和布局都没有变化,所以会看到比较搞笑的现象,就是一个button通过translate偏离原来位置后,它的touch事件响应还是在原来位置上,而不是所看到的眼前位置。
Matrix的postTranslate(int dx, int dy),preTranslate(int dx, int dy)方法是设置matrix的增量,而set系列的方法是直接设值。具体如下:
Matrix的postTranslate(int dx, int dy),preTranslate(int dx, int dy)的调用顺序对坐标变换的影响不一样。抽象的说pre方法是向前"生长",post方法是向后"生长",具体拿个例子来说,比如一个matrix调用了下列一系列的方法:
matrix.preScale(0.5f, 1); matrix.preTranslate(10, 0); matrix.postScale(0.7f, 1); matrix.postTranslate(15, 0); 则坐标变换经过的4个变换过程依次是:translate(10, 0) -> scale(0.5f, 1) -> scale(0.7f, 1) -> translate(15, 0), 所以对matrix方法的调用顺序是很重要的,不同的顺序往往会产生不同的变换效果。pre方法的调用顺序和post方法的互不影响,即以下的方法调用和前者在真实坐标变换顺序里是一致的,matrix.postScale(0.7f, 1); matrix.preScale(0.5f, 1); matrix.preTranslate(10, 0); matrix.postTranslate(15, 0);
从数学上来说,设对给定的对象依次进行了基本变化F1、F2、F3…..、Fn,它们的变化矩阵分别为T1、T2、T3…..、Tn,复合变化的矩阵T可以表示为:T = TnTn-1…T1,所以Preconcats matrix相当于右乘矩阵,Postconcats matrix相当于左乘矩阵。
Matrix的set方法则会对先前的pre和post操作进行刷除,而后再设置它的值,比如下列的方法调用: matrix.preScale(0.5f, 1); matrix.postTranslate(10, 0); matrix.setScale(1, 0.6f); matrix.postScale(0.7f, 1); matrix.preTranslate(15, 0); 其坐标变换顺序是translate(15, 0) -> scale(1, 0.6f) -> scale(0.7f, 1)
Canvas里scale, translate, rotate, concat方法都是pre方法,如果要进行更多的变换可以先从canvas获得matrix, 变换后再设置回canvas.
- 对Canvas和Matrix的理解
- 对Canvas和Matrix的理解<一>
- 对Canvas和Matrix的理解<二>
- 对Canvas和Matrix的理解
- 对Canvas和Matrix的理解
- 对Matrix中preTranslate()和postTranslate()的理解
- canvas和Matrix之间的关系。
- Android的Paint、Canvas和Matrix讲解
- Android的Paint、Canvas和Matrix讲解
- Canvas和Matrix
- Canvas和Matrix
- Canvas---Matrix和drawBitmapMash
- 对canvas的translate()方法的理解
- 对canvas的translate()方法的理解
- 对canvas的translate()方法的理解
- 对Android canvas的一点粗浅理解
- 对Matrix变换的一些理解
- Drawable、Bitmap、Canvas、Paint和 Matrix 的关系和使用
- C# WinForm获取当前路径汇总
- 动态开辟的链表 可以当做数组使用
- 防火墙开启端口
- RFS的web自动化验收测试——更新篇(安装指南)——首次使用RF请先读我
- argc argv
- 对Canvas和Matrix的理解
- 什么是重构,什么不是重构
- WIN7系统下安装SQLServer2000 + sp4数据库报错之解决办法
- 【VC++开发实战】迅雷晒密及批量查询流量程序
- xcode4发布测试-打包(Archive)
- 在cygwin用高版本gcc编译独立于cygwin的ffmpeg
- 【那些对传智播客的攻击】第七篇:【今天你被坑了?】体 横行贴吧!
- ubuntu 下NDK的环境搭建
- ASP.NET Button控件UseSubmitBehavior属性对回发的影响