矩阵乘法矩阵A和矩阵B，只有A的列数与B的行数相同时，A*B的结果才有效：矩阵A*BA(j行m列)*B(m行k列)=C(m行m列)矩阵相乘的顺序不同，所得到的结果也不同矩阵B*ACGAffineTransform仿射变换概念和定义：当对图层应用变换矩阵，图层矩形内的每一个点都被相应地做变换，从而形成一个新的四边形的形状。CGAffineTransform中的“仿射”的意思是无论变换矩阵用什么值，图

本文主要记录CALayer的基本操作，UIView和CALayer的选择，CATransform3D。

structCATransform3D{CGFloatm11,m12,m13,m14;CGFloatm21,m22,m23,m24;CGFloatm31,m32,m33,m34;CGFloatm41,m42,m43,m44;};//m11:缩放//m12:切变//m13:动态X轴拉伸后恢复原形，正数的话左边有一层灰色蒙板，负数右边有一层灰色蒙板//m14:语文匮乏，找不到合适形容词，不过这个效果很

版权声明：本文为博主原创文章，未经博主允许不得转载。structCATransform3D{CGFloatm11(x缩放),m12(y切变),m13(旋转),m14;CGFloatm21(x切变),m22(y缩放),m23,m24;CGFloatm31(旋转),m32,m33,m34(透视效果，要操作的对象要有旋转的角度，不然没效果);CGFloatm41(x平移),m42(y平移),m43(z平

CATransform3D一般用于操作view的layer的,是CoreAnimation的结构体,可以用来做比较复杂的3D操作,这里我们就带大家来详解iOS的CoreAnimation框架中的CATransform3D

从事iOS开发已经有一段时间了，之前一直忙于工作，几乎很少有时间写一些东西来对自己掌握的技术进行一下总结，现在想想，有些后悔，因为之前在遇见问题的时候或者学习新技术的时候都是在翻看他人的博客或者查看苹果的官方文档，一直是一个在行业内的“价值消耗者”，对此，我也做过深刻的反思，现在下定决心，以自己微薄的力量来贡献一些东西，也许会对他人有所帮助，希望自己不再是一名“价值消耗者”或是“观望者”，转变为一

3.1CoreAnimation的基本原理3.2POP动画库的基本原理3.3二者区别3.4CADisplayLink四、其他4.1贝塞尔曲线BezierPath4.2CGAffineTransform与CATransform3D

图层的坐标系对于ios来说，坐标系的（0，0）点在左上角，就是越往下，Y值越大。越往右，X值越大。一个图层的frame，它是position，bounds，anchorPoint和transform属性的一部分。设置一个新的frame将会相应的改变图层的position和bounds，但是frame本身并没有保存。position：是一个CGPoint值，它指定图层相当于它父图层的位置，该值基于父

解释CGAffineTransform是用于2D层面的,操作NSView,UIView或者其他2DCoreGraphics元素的.CATransform3D是CoreAnimation的结构体,是用来做更复杂的关于

图层的几个坐标系对于iOS来说，坐标系的（0，0）点在左上角，就是越往下，Y值越大。越往右，X值越大。一个图层的frame，它是position，bounds，anchorPoint和transform属性的一部分。设置一个新的frame将会相应的改变图层的position和bounds，但是frame本身并没有保存。position：是一个CGPoint值，它指定图层相当于它父图层的位置，该值基

序章第一章-图层树第二章-寄宿图第三章-图层几何第四章-视觉效果项目中使用的代码这一章我们主要来研究一下可以用来对图层进行旋转，平移和缩放的CGAffineTransform已经可以将平面图层转换为3D对象的CATransform3D

1.首先明白CATransform3D是个什么东西,是一个四维变换矩阵,描述3d空间structCATransform3D{CGFloatm11,m12,m13,m14;CGFloatm21,m22,m23

1.实现选择45度funcviewTransform(){vartransform=CATransform3DIdentityletangle=CGFloat(45)transform.m34=-1/500blueView.layer.transform=CATransform3DRotate(transform,angle,0,1,0)}2.实现手势旋转classViewController:U

UITableView*)tableViewwillDisplayCell:(UITableViewCell*)cellforRowAtIndexPath:(NSIndexPath*)indexPath{///配置CATransform3D

最近有看到一些在iOS上面实现的一些动画，通过一些简单的平移，旋转，缩放等等实现了一些特别炫的效果，于是就深入研究了一下，简单整理了一些基本的东西，在这块做一下分享。前言在学习它之前，我们先来了解一些基本的概念1、三维坐标系：视角垂直与屏幕而言，x轴向右，y轴向下，z轴垂直屏幕向外。2、坐标系原点：ios默认以图层的左上角点为坐标原点，osx默认以图层左下角为坐标原点。注意是默认，因为图层的坐标原

CoreGraphics框架中的CATransform3D类可用于设定CALayer及其子类的transform属性，控制layer的缩放、旋转和平移等操作。

今天看了篇帖子，学习了一下CATransform3D的使用。

解释CGAffineTransform是用于2D层面的,操作NSView,UIView或者其他2DCoreGraphics元素的.CATransform3D是CoreAnimation的结构体,是用来做更复杂的关于

前言最近在开发一个农业电商项目，做到商品详情界面，选择规格时会弹出界面，需要仿照淘宝的动画，于是研究了CATransform3D并封装了一个控件，方便以后使用。

关键词CATransform3D旋转缩放平移动画矩阵绘制图层转换形变本文所有示例代码或Demo可以在此获取：https://github.com/WillieWangWei/SampleCode_CATransform3D

在这里我们将使用CATransform3D来实现所需要的3D效果。CATransform3D和CGAffineTransform是相似的，只不过就是增加了z轴坐标，来表示设备距离我们眼睛的直线距离。

经过一些研究查阅之后做了一个非常简单的实现,大体效果如下:record2.gif实现方式是通过ViewController+Category的方式实现的,用分类的方式来实现不会对原有类产生任何影响.动画过程全都是以CATransform3D

在第四章可视效果中，我们研究了一些增强图层和它的内容显示效果的一些技术，在这一章中，我们将要研究可以用来对图层旋转，摆放或者扭曲的CGAffineTransform，以及可以将扁平物体转换成三维空间对象的CATransform3D

CGAffineTransform（是一个3*3的矩阵）默认矩阵系统定义的矩阵结构通过矩阵的相乘得到显示的每个点的坐标X'=ax+cy+tx;Y'=bx+dy+ty;其中a是控制x的缩放比例，d是控制y的缩放比例；x会跟着c的值进行拉伸(c*y,与y有关系)，y会跟着b的值进行拉伸（b*x，说明x有关），要注意到的是c和b的值改变不会影响到View的point（center中心点）的改变。这是个很

参考1.一个无任何变换的默认矩阵常量，可用于使变换后的Layer恢复初始状态(默认矩阵)//Theidentitytransform:[1000;0100;0010;0001]CA_EXTERNconstCATransform3DCATransform3DIdentity2.判断是不是默认矩阵CA_EXTERNboolCATransform3DIsIdentity(CATransform3Dt)3

一、引言CATransform3D定义了一个变化矩阵，通过对矩阵参数的设置，我们可以改变layer的一些属性，这个属性的改变，可以产生动画的效果。

“可视效果”中，我们研究了一些增强图层和它的内容显示效果的一些技术，在这一章中，我们将要研究可以用来对图层旋转，摆放或者扭曲的CGAffineTransform，以及可以将扁平物体转换成三维空间对象的CATransform3D

仿射变换AffineTransform，在iOS中他的实现类是CGAffineTransform和CATransform3D，很多动画效果都需要用到仿射去完成所以仿射是动画基础，不能熟练使用也肯定玩不好动画特效的在

变换在这一章中，我们将要研究可以用来对图层旋转，摆放或者扭曲的CGAffineTransform，以及可以将扁平物体转换成三维空间对象的CATransform3D（而不是仅仅对圆角矩形添加下沉阴影）。

常用的CATransform3D道理相同概述AffineTransformation由一个3x3矩阵来表示作为一个增广矩阵，第三列永远是[001]。所以在API中提供的都是对前两列参数的改变。

上周没有分享,因为上周放假,哈哈哈哈哈哈哈~~!!!!!!这周本来是想分享CAShapeLayerCATextLayerCATransformLayer这些Layer的子类的,但是我发现后面做变化的时候可能会用到今天的这个东西,就先拿出来说一下.一.CGAffineTransform仿射变换CG(CoreGraphics框架)Affine(仿射)Transform(变化)可想而知CGAffineT

仿射变换AffineTransform，在iOS中的实现类是CGAffineTransform和CATransform3D，很多动画效果都需要用到仿射去完成，可以说仿射是动画基础目录仿射是什么仿射变换的原理和计算仿射在

变换方法原型：CATransform3D,其中进行三

675384-02d6ddc37f1b1dd1.gif一开始就用CATransform3D开始做，最后虽然整体效果是差不多了，但是细节不太完善。期间也想起了系统的动画，有一种应该可以达到这种效果。

熟练使用CATransform3D能实现我们所需求的较复杂的动画效果，以下将系统介绍CATransform3D的一些属性以及使用。

首先说一下，学习这一方面需要了解的一些内容：CADisplayLink、CAShapeLayer、CALayer、CATransform3D、CGAffineTransform、UIBezierPath

前言在写CustomLayout的demo时，用到了CATransform3D的m34参数，不务正业的想探究下这个矩阵到底为什么能影响到图形的透视旋转等等变换，所以通过本篇文章总结一下收获，供以后参考目录简单实现三维立方体

CATransform3D.m34设置无效果CATransform3DoutTransfrom=CATransform3DIdentity;outTransfrom=CATransform3DRotate(outTransfrom,M_PI_4,0,1,0);outTransfrom.m34=-1.0/500.0;layer.transform=outTransfrom;outTransfrom.

虽然之前也做过些动画，但是都没怎么去分析过，最近有空，就简单研究了下，以此分享CGAffineTransform--view的2D变换CGAffineTransform是作用于View的主要为2D变换，而CATransform3D

可视效果”中，我们研究了一些增强图层和它的内容显示效果的一些技术，在这一章中，我们将要研究可以用来对图层旋转，摆放或者扭曲的`CGAffineTransform`，以及可以将扁平物体转换成三维空间对象的`CATransform3D

UIView的transform属性是CGAffineTransform类型，用于在二维空间做旋转，缩放和平移。CGAffineTransform是一个可以和二维空间向量做乘法的3*2矩阵。如下图：仿射变换当对图层应用变换矩阵，图层矩形内的每一个点都被相应的做变换，从而形成一个新的形状。CGAffineTransform仿射变换的仿射意思是无论变换矩阵用什么值，图层中平行的两条线在变换之后仍然保持

funcscaleAnimation(){letscaleAnim1=CABasicAnimation(keyPath:"transform")scaleAnim1.fromValue=NSValue(CATransform3D

CATransform3D.gif1.利用手势滑动UIPanGestureRecognizer判断手势拖动的坐标2.利用CATransform3DRotate实现拖动过程图片翻转3.利用手势禁用范围实现轮播图scrollView翻页核心代码@objcfileprivatefuncpanInCard(_panGes:UIGestureRecognizer){lettouchPoint=panGes.

关于图层的几个坐标系。对于ios来说，坐标系的（0，0）点在左上角，就是越往下，Y值越大。越往右，X值越大。一个图层的frame，它是position，bounds，anchorPoint和transform属性的一部分。设置一个新的frame将会相应的改变图层的position和bounds，但是frame本身并没有保存。position：是一个CGPoint值，它指定图层相当于它父图层的位置，

CATransform3D的透视效果通过矩阵中m34的值来控制。m34用于按比例缩放X和Y的值来计

用到了CATransform3D,感觉效果很好。

在这一章中，我们将要研究可以用来对图层旋转，摆放或者扭曲的CGAffineTransform，以及可以将扁平物体转换成三维空间对象的CATransform3D(而不是仅仅对圆角矩形添加下沉阴影)。

CGAffineTransform平面单次变换：//缩放self.captainLabel.transform=CGAffineTransform(scaleX:2,y:2)//旋转self.captainLabel.transform=CGAffineTransform(rotationAngle:CGFloat.pi/2)//平移self.captainLabel.transform=CGAf

前言在写CustomLayout的demo时，用到了CATransform3D的m34参数，不务正业的想探究下这个矩阵到底为什么能影响到图形的透视旋转等等变换，所以通过本篇文章总结一下收获，供以后参考目录简单实现三维立方体

“可视效果”中，我们研究了一些增强图层和它的内容显示效果的一些技术，在这一章中，我们将要研究可以用来对图层旋转，摆放或者扭曲的CGAffineTransform，以及可以将扁平物体转换成三维空间对象的CATransform3D