iOS简单动画实现方案

一、仿射变换--CGAffineTransform

1.仿射变换，一种基于二维坐标的转换功能。CGAffineTransform数据结构代表一个二维坐标系的转换矩阵。

2.通过CGAffineTransform数据结构，可以构造二维坐标系内的平移、伸缩、旋转矩阵。详情可以参看苹果开发文档中关于该数据结构的解释。

3.UIView类的一个属性：transform，该属性相对于bounds的中心位置，该属性的类型为CGAffineTransform。初始化一个CGAffineTransform结构的矩阵，然后赋值给这个属性，就可以完成二维坐标系内的转换。

4.要形成动画，可以使用第三部分(UIView集成动画API)表述的方式，通过指定该属性的前后状态来形成动画，或者自己动态设置这个属性的值来形成动画。

二、三维变换--CATransform3D

1.CATransform3D数据结构代表一个三维坐标系的矩阵，通过它可以构造三维坐标系内的平移、伸缩、旋转矩阵。

2.UIView类的layer.transform属性，该属性相对于bounds的中心位置。该属性的类型为CATransform3D。该属性的使用方式以及动画的形成，同上一部分，但是使用这个属性实现三维动画，可能没那么好控制。

三、UIView集成的动画API

1.UIView集成了一系列的动画API。她的原理类似于flash动画的制作，我们指定物体(控件)某些属性在动画中的开始和结束状态，动画API就会自动生成中间的帧，从而生成动画。

2.使用示例(iOS4之前)：

//在这里指定控件的开始状态

//xxxxxxxxxx

[UIView beginAnimations:context:];

[UIView setAnimationDuration:];

[UIView setAnimationCurve:];

[UIView setAnimationDelegate:];

[UIView setAnimationWillStartSelector:@selector(animationDidStart:context)];

[UIView setAnimationDidStopSelector:@selector(animationDidStop:finished:context)];

//在这里指定控件的结束状态

//xxxxxxxxx

[UIView commitAnimations];

代理方法的声明要使用如下方式：

(void)animationDidStart:(NSString *)animationID context:(void *)context

(void)animationDidStop:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context

3.使用示例(iOS4及以后)

(1)从iOS4系统之后，第2点提到整套API被废弃了，应该使用block的方式来生成动画。API列表如下：

animateWithDuration:delay:options:animations:completion:

animateWithDuration:animations:completion:

animateWithDuration:animations:

transitionWithView:duration:options:animations:completion:

transitionFromView:toView:duration:options:completion:

(2)使用此套API的时候，将控件的结束状态写在block中就可以了。

4.因为此系列API只指定动画的开始和结束状态，所以只能做一些有规律的动画，否则API会不知道如何生成中间帧。常用动画举例：平移，伸缩，旋转，透明度变化，颜色变化等等。

四、核心动画

1.比较常用的动画类：CATransition和CAAnimation。

(1)CATransition用于使用系统集成的动画。

(2)CAAnimation用于实现自定义动画，但是它是一个抽象类，不能直接使用，要子类化才能使用。类库中存在已经子类化的类可以使用，比如CAKeyframeAnimation，此类通过给一个layer的属性指定一组值，包含开始、结束以及中间的一些用来修正动画的值，然后根据这些值，生成每一帧，来生成动画。

2.CATransition动画实现示例：

CATransition *transition = [CATransition animation];

transition.duration = 0.8;

transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

transition.type = @"cube";

transition.subtype = kCATransitionFromRight;

[xxxView.layer addAnimation:transition forKey:nil];

3.CAAnimation使用示例：

CGFloat perAngle = M_PI / 64;

CAKeyframeAnimation *keyFrameAnination = [CAKeyframeAnimation animationWithKeyPath:@"transform"];

[keyFrameAnination setDuration:2.0f];

[keyFrameAnination setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];