iOS CGAffineTransform 动画

CoreGraphics框架中的CGAffineTransform类可用于设定UIView的transform属性，控制视图的缩放、旋转和平移操作：

另称放射变换矩阵，可参照线性代数的矩阵实现方式

这里附上的CGAffineTransform官方文档：

https://developer.apple.com/library/ios/documentation/GraphicsImaging/Reference/CGAffineTransform/index.html

Transform 是一种状态，并且只有一种状态

（1）CGAffineTransformMakeTranslation(<#CGFloat tx#>, <#CGFloat ty#>):只能变化一次，因为这种方式的变化始终是以最原始的状态值进行变化的，所以只能变化一次

（2）CGAffineTransformTranslate(CGAffineTransform t, <#CGFloat tx#>, <#CGFloat ty#>):能够多次变化，每次变化都是以上一次的状态（CGAffineTransform t）进行的变化，所以可以多次变化

（3） CGAffineTransformIdentity:清空所有的设置的transform(一般和动画配合使用，只能使用于transfofrm设置的画面)

（4）CGAffineTransformMakeScale( CGFloat  sx,  CGFloat  sy) （缩放:设置缩放比例）仅通过设置缩放比例就可实现视图扑面而来和缩进频幕的效果。

（5） CGAffineTransformMakeRotation( CGFloat  angle) （旋转:设置旋转角度）

关键代码如下：

@implementation ViewController

@synthesize imageview1,imageview2, label1, imageContainView;
UIImage *image1, *image2;
UIView *view1, *view2;

- (IBAction)button1_click:(id)sender {
    //翻转动画,旋转360度后复原（doflip）
    // additional context info passed to will start/did stop selectors. begin/commit can be nested
    //注意：动画效果是setAnimationTransition控制的，beginAnimations只是标识了这一组动画的名称
    [UIView beginAnimations:@"doflip" context:nil];
    [UIView setAnimationDuration:2];
    /*
     动画速度
    typedef NS_ENUM(NSInteger, UIViewAnimationCurve) {
        UIViewAnimationCurveEaseInOut,         // slow at beginning and end
        UIViewAnimationCurveEaseIn,            // slow at beginning
        UIViewAnimationCurveEaseOut,           // slow at end
        UIViewAnimationCurveLinear
    };
     */
    [UIView setAnimationCurve:UIViewAnimationCurveLinear];
    [UIView setAnimationDelegate:self];
    //设置翻转动画的起始方向
    //UIViewAnimationTransitionFlipFromLeft（从左到右）
    //UIViewAnimationTransitionFlipFromLeft（从右到左）
    [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:imageContainView cache:YES];
    // starts up any animations when the top level animation is commited
    [UIView commitAnimations];
}

- (IBAction)button2_click:(id)sender {
    //旋转动画，保持旋转后的状态（rotate）
    CGAffineTransform transform = CGAffineTransformRotate(imageContainView.transform, M_PI/6.0);
    [UIView beginAnimations:@"rotate" context:nil];
    [UIView setAnimationDuration:2];
    [UIView setAnimationDelegate:self];
    [imageContainView setTransform:transform];
    [UIView commitAnimations];
}

- (IBAction)button3_click:(id)sender {
    //偏移动画（move）
    [UIView beginAnimations:@"move" context:nil];
    [UIView setAnimationDuration:2];
    [UIView setAnimationDelegate:self];
    imageContainView.frame = CGRectMake(80, 80, 200, 200);
    [label1 setBackgroundColor:[UIColor yellowColor]];
    [label1 setTextColor:[UIColor redColor]];
    [UIView commitAnimations];
}

- (IBAction)button4_click:(id)sender {
    //翻页动画（curlUp 和 curlDown）
    //curlUp表示将这一页翻上去
    //curlDown表示将上一页翻下来
    //注意：翻页动画针对的是与屏幕平行的矩形，如果被旋转相应角度，翻页不正常
    [UIView beginAnimations:@"xxx" context:nil];
    [UIView setAnimationDuration:2];
    [UIView setAnimationDelegate:self];
    [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:imageContainView cache:YES];
    NSInteger imageview1Index = [[imageContainView subviews] indexOfObject:imageview1];
    NSInteger imageview2Index = [[imageContainView subviews] indexOfObject:imageview2];
    NSLog(@"subview index %ld %ld", imageview1Index, imageview2Index);
    //交换2视图的位置
    [imageContainView exchangeSubviewAtIndex:imageview2Index withSubviewAtIndex:imageview1Index];
    [UIView commitAnimations];
}

- (IBAction)button5_click:(id)sender {
    //缩放动画（scale）
    //Scale `t' by `(sx, sy)'，缩放默认是以视图的中心点为轴的
    CGAffineTransform transform = CGAffineTransformScale(imageContainView.transform, 1.2, 1.2);
    [UIView beginAnimations:@"scale" context:nil];
    [UIView setAnimationDuration:2];
    [UIView setAnimationDelegate:self];
    [imageContainView setTransform:transform];
    [UIView commitAnimations];
    
}

- (IBAction)button6_click:(id)sender {
    //根据当前的动画取反（Invert）
    //注意：只针对setTransform的视图，并且是取反而不是还原，其它动画无法取反
    CGAffineTransform transform = CGAffineTransformInvert(imageContainView.transform);
    [UIView beginAnimations:@"Invert" context:nil];
    [UIView setAnimationDuration:2];
    [UIView setAnimationDelegate:self];
    [imageContainView setTransform:transform];
    [UIView commitAnimations];
}

- (void)startAnimation:(NSString*) transitionType {
    CATransition *transition = [CATransition animation];
    transition.delegate = self;
    transition.duration = 2;
    //时间函数（控制动画速度）
    transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
    /* The name of the transition. Current legal transition types include
     * `fade', `moveIn', `push' and `reveal'. Defaults to `fade'. 另外还有一些私有动画 “pageCurl”(向上翻页) “pageUnCurl”(向下翻页)、"rippleEffect"(水滴) "suckEffect"(收缩抽走) "cube"(立方体) "oglFilp"(上下翻转) "cameraIrisHollowOpen"(镜头开) "cameraIrisHollowClose"(镜头关)*/
    transition.type = transitionType;
    /* An optional subtype for the transition. E.g. used to specify the
     * transition direction for motion-based transitions, in which case
     * the legal values are `fromLeft', `fromRight', `fromTop' and
     * `fromBottom'. */
    transition.subtype = kCATransitionFromTop;
    [imageContainView.layer addAnimation:transition forKey:@"transition"];
}

- (IBAction)button7_click:(id)sender {
    [self startAnimation:kCATransitionFade];
}

- (IBAction)button8_click:(id)sender {
    [self startAnimation:kCATransitionMoveIn];
}

- (IBAction)button9_click:(id)sender {
    [self startAnimation:kCATransitionPush];
}

- (IBAction)button10_click:(id)sender {
    [self startAnimation:kCATransitionReveal];
}

- (IBAction)button11_click:(id)sender {
    [self startAnimation:@"pageCurl"];
}

- (IBAction)button12_click:(id)sender {
    [self startAnimation:@"pageUnCurl"];
}

- (IBAction)button13_click:(id)sender {
    [self startAnimation:@"rippleEffect"];
}

- (IBAction)button14_click:(id)sender {
    [self startAnimation:@"suckEffect"];
}

- (IBAction)button15_click:(id)sender {
    [self startAnimation:@"cube"];
}

- (IBAction)button16_click:(id)sender {
    [self startAnimation:@"olgFilp"];
}

- (void)animationWillStart:(CAAnimation *)anim {
    NSLog(@"animationWillStart");
}

-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
    NSLog(@"animationDidStop");
}

项目结构如下

运行截图

可以看到，fade和oglFilp是无效了，另外cameraIrisHollowOpen和cameraIrisHollowClose也是无效的。

还有当view旋转一定的角度之后，翻页动画也是有问题的。