iOS_41_绘图

下面代码是XCode文档中摘取的

1 CATransform3D aTransform = CATransform3DIdentity;2 // the value of zDistance affects the sharpness of the transform.3 zDistance = 850;4 aTransform.m34 = 1.0 / -zDistance;

iOS设备给用户视觉反馈其实都是通过QuartzCore框架来进行的，用户最终看到的显示界面都是图层合成的结果，

而图层即是QuartzCore中的CALayer。

通常我们所说的视图即UIView，并不是直接显示在屏幕上，

而是在创建UIView对象的时候会自动创建一个CALayer层(根层)，

而视图对象把要显示的东西绘制在层上，待到需要显示时硬件将所有的层拷贝，

最后,按Z轴的高低合成最终的显示结果。

CALayer本质上是一块包含一幅位图的缓冲区，由视图创建的根层为隐式层，而手动创建的层称为显示层。

所有的动画效果都是通过CAAnimation类的子类来完成的。

（因为CAAnimation是抽象类）

CAAnimation类的子类包括了三个:

CAAnimationGroup,CAPropertyAnimation,CATransition，

而CAPropertyAniamtion（同为抽象类）也衍生了两个子类:

CABasicAnimation和CAKeyframeAnimation。

用UIView的animation实现的动画本质上也是通过CALayer来实现的，

iOS系统中CALayer的很多属性都是隐含有动画效果的，

如果不想要隐式动画或者想要显示动画效果，也可以通过CATransaction来设置是否显示动画效果。

同时，在CATransaction内可同时修改多个属性，然后再一并同时渲染，

此外,CATransaction还是可嵌套的。

CABasicAnimation是一个最多只能有两个关键帧的动画，fromValue和toValue

而CAKeyframeAnimation除了可含有多个关键帧，而且还可以修改每个关键帧的速度。

CATransition能够为层提供移出以及移入屏幕的效果。

api只开放了其中的四种，当然你可以调用未公开的api，但是假如苹果以后出于安全还是什么原因调整接口的话，就不一定能用了，所以最好还是不要调用私有api，

例如@"flip”,@"pageCurl”这些type是属于未公开的，

一般来说不应该调用这些做动画，下面的这句

1 [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:containerView cache:YES];

同样也可实现翻转的效果。

还可以通过设置@"transform.rotation.y"这个keypath来旋转，

或者直接通过CATransform3D来设置@"transform”属性。

总而言之，没必要用未公开的api，会留下安全隐患。

变换过程中需要注意的是:

该CALayer的anchorPoint,也就是旋转缩放基准点，默认情况下是(0.5, 0.5)也就是在layer的中心。

基准点如果变了，旋转或者缩放所得到的的结果将会不同。

position和anchorPoint共同决定了CALayer在父层中的frame。

此外,CATransform3D的一个很常用到的数值，那就是m34这个值，

下面这段代码是从Xcode文档中得到的

1 CATransform3D aTransform = CATransform3DIdentity;
2 // the value of zDistance affects the sharpness of the transform.
3 zDistance = 850;
4 aTransform.m34 = 1.0 / -zDistance;

默认情况下, m34的值为0，即zDistance为无穷大，

而(0,0,zDistance)点表示照相机（透视点）所在的位置，

从照相机位置看到的影像在xy平面上的投影即是我们可以在手机屏幕中所看到的影像，

动画的速度控制函数 CAMediaTimingFunction

这个函数是用于描述时间和距离之间的关系，

距离=toValue-fromValue,

时间=duration,

将它们标准化为1×1的空间，

x,t取值在[0, 1]区间内。

假设在时刻t（时间过去了duration*t）时，

动画目标的位置应为 fromValue+x*(toValue-fromValue)。

系统提供的四种函数，

kCAMediaTimingFunctionLinear为匀速运动，

kCAMediaTimingFunctionEaseIn为加速运动，

kCAMediaTimingFunctionEaseOut为减速运动，

kCAMediaTimingFunctionEaseInEaseOut为先加速后减速运动。

当然，系统也提供了可自定义速度控制函数，

通过initWithControlPoints:x1:y1:x2:y2可自定义两个插值点，

然后所得的函数曲线为由(0,0),(x1,y1),(x2,y2),(1,1)这四个点为控制点的Bezier曲线。

自行绘制UI,而自行绘制UI就需要用到CoreGraphics这个框架（甚至OpenGL）

CGContext类，相当于Android里面的Canvas，

使用UIGraphicsGetCurrentContext()获取当前CGContext的引用CGContextRef。

我们在每一次的绘制之前都应该保存下原来的状态，待绘制完成后再恢复回原来的状态。

CGContextSaveGState(ctx)

CGContextRestoreGState(ctx)

都应该成对的出现，在他们之间的是绘制UI的代码。

CGPath类用于描述绘制的区域或者路线。

在CGContext中addLine，addRect，其实都是在添加path,

在添加完成path以后我们可以选择是fill该path，还是stroke该path。

设置相应的颜色以及线宽即可。

如果我们只需要在某个区域中绘制，

我们可以在描述完path以后使用CGContextClip(ctx)来裁剪当前画布。

CGAffineTransform是一个仿射变换的结构体，相当于一个矩阵，

用于进行二维平面的几何变换（平移，旋转，缩放等），

而且这些几何变换都已经有封装好的函数可调用，变换的顺序就是矩阵连乘的顺序，

切不可把矩阵连乘的顺序放反，否则得到的结果可能不一样。

CGColorSpace类是用于界面颜色显示，通常颜色组成为RGBA（红，绿，蓝，透明度）四种，

使用CGColorSpaceCreateDeviceRGB获取CGColorSpace的引用CGColorSpaceRef,

需要注意的是，在CoreGraphics中，使用create方法调用release方法释放掉，如CGColorSpaceCreateDeviceRGB()对应的就是CGColorSpaceRelease(rgb)。

在用CoreGraphics绘制时，我们应该注意的是:

当使用CGContextShowTextAtPoint绘制文字时，如果不进行几何变换，得到的是文字的倒影，

所以我们需要使用CGContextSetTextMatrix (ctx, myTextTransform);

其中的transform为关于x轴对称的变换矩阵。

当然也可以不用这么做，只需要把原来CGContext的坐标先关于x轴对称，然后再平移即可，

CGContextConcatCTM(ctx, CGAffineTransformConcat(myTextTransform, CGAffineTransformMakeTranslation(140.0f, 30.0f)));

其中的transform为关于x轴对称的变换矩阵。

同样的，使用如下语句绘制图片时，得到的也将是图片的倒影:

CGContextDrawImage(ctx, CGRectMake(0, 0, image.size.width, image.size.height), image.CGImage);

所以同样的也需要进行关于x轴的坐标变换。

但是使用[image drawInRect:CGRectMake(0.0f, 0.0f, image.size.width, image.size.height)];

绘制图片时就不需要关于x轴对称,默认已经是使用UIKit坐标系了。

总结,绘制文字以及图片时会得到倒影，需做一下相关的变换即可。

-(void)pauseLayer:(CALayer*)layer { CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil]; layer.speed = 0.0; layer.timeOffset = pausedTime; } -(void)resumeLayer:(CALayer*)layer { CFTimeInterval pausedTime = [layer timeOffset]; layer.speed = 1.0; layer.timeOffset = 0.0; layer.beginTime = 0.0; CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime; layer.beginTime = timeSincePause; }

+ (id)functionWithName:(NSString *)name; // 控制点 + (id)functionWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y; - (id)initWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y;

iOS_41_绘图

一、CATransform3D是什么?

二、为什么需要齐次坐标

四.代数解释

五.几何作图解释

二.CALayer及时间模型

1.Layer的渲染架构

2.事务管理

3.时间系统

beginTime

timeOffset

speed

fillMode

实际应用

三.显式动画Animation

1.CABasicAnimation

2.Timing Function的作用

3.CAKeyframeAnimation