转场动画就是从一个场景以动画的形式过渡到另一个场景。一般分为以下几个步骤：
1、创建转场动画
2、设置转场类型、子类型（可选）及其他属性
3、设置转场后的新视图并添加动画到图层
常用的转场类型(注意私有API是苹果官方没有公开的动画类型，但是目前通过仍然可以使用)：
| 动画类型 | 说明 | 对应常量 | 是否支持方向设置 |
|---|---|---|---|
| 公开API | |||
| fade | 淡入淡出 | kCATransitionFade | 是 |
| movein | 新视图移动到旧视图上 | kCATransitionMoveIn | 是 |
| push | 新视图推出旧视图 | kCATransitionPush | 是 |
| reveal | 移开旧视图显示新视图 | kCATransitionReveal | 是 |
| 私有API | 私有API只能通过字符串访问 | ||
| cube | 立方体翻转效果 | 无 | 是 |
| oglFlip | 翻转效果 | 无 | 是 |
| suckEffect | 收缩效果 | 无 | 否 |
| rippleEffect | 水滴波纹效果 | 无 | 否 |
| pageCurl | 向上翻页效果 | 无 | 是 |
| pageUnCurl | 向下翻页效果 | 无 | 是 |
| cameralIrisHollowOpen | 摄像头打开效果 | 无 | 否 |
| cameraIrisHollowClose | 摄像头关闭效果 | 无 | 否 |
过渡方向参数:
| 动画类型 | 说明 |
|---|---|
| kCATransitionFromRight | 从右侧转场 |
| kCATransitionFromLeft | 从左侧转场 |
| kCATransitionFromTop | 从顶部转场 |
| kCATransitionFromBottom | 从底部转场 |
利用转场动画利用一个UIImageView实现一个无限循环图片浏览器。
#import "ViewController.h"
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *shomView;
@property (weak, nonatomic) IBOutlet UIImageView *showImageView;
@property (weak, nonatomic) IBOutlet UILabel *showTitleLabel;
@property (nonatomic, assign) NSInteger index;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.shomView.layer.cornerRadius = 20.0f;
self.shomView.layer.borderColor = [UIColor lightGrayColor].CGColor;
self.shomView.layer.borderWidth = 1;
self.showImageView.layer.cornerRadius = 10.0f;
self.showImageView.layer.masksToBounds = YES;
self.shomView.layer.shadowColor = [UIColor blackColor].CGColor;
self.shomView.layer.shadowOffset = CGSizeMake(5, 5);
self.shomView.layer.shadowOpacity = 0.6;
self.index = 1;
//添加手势
UISwipeGestureRecognizer *leftSwipeGesture =[[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(leftSwipe:)];
leftSwipeGesture.direction = UISwipeGestureRecognizerDirectionLeft;
[self.shomView addGestureRecognizer:leftSwipeGesture];
UISwipeGestureRecognizer *rightSwipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(rightSwipe:)];
rightSwipeGesture.direction = UISwipeGestureRecognizerDirectionRight;
[self.shomView addGestureRecognizer:rightSwipeGesture];
}
#pragma mark 向左滑动
-(void)leftSwipe:(UISwipeGestureRecognizer *)gesture{
[self transitionAnimation:YES];
}
#pragma mark 向右滑动
-(void)rightSwipe:(UISwipeGestureRecognizer *)gesture{
[self transitionAnimation:NO];
}
#pragma mark 转场动画
-(void)transitionAnimation:(BOOL)isLove{
self.index ++;
// 1、创建转场动画对象
CATransition *transition = [[CATransition alloc] init];
// 2、设置动画类型,注意对于苹果官方没公开的动画类型只能使用字符串，并没有对应的常量定义
transition.type = kCATransitionPush;
// 设置子类型
if (isLove) {
transition.subtype = kCATransitionFromRight;
}else{
transition.subtype = kCATransitionFromLeft;
}
// 设置动画时常
transition.duration = 1.0f;
// 3、设置转场后的新视图添加转场动画
self.showImageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"image_%ld.jpg", self.index%4+1]];
self.showTitleLabel.text = [NSString stringWithFormat:@"第%ld张", self.index];
[self.shomView.layer addAnimation:transition forKey:@"KCTransitionAnimation"];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
}
@end
动态图1.gif
替换transition.type参数为表1中的参数可以呈现不同的效果。
