iOS 基于CATransition实现翻页、旋转等动画效果 —— HERO博客

最新推荐文章于 2025-05-27 15:34:53 发布

原创

最新推荐文章于 2025-05-27 15:34:53 发布 · 5.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#CATransition动画 #翻书翻页 #iOS 动画效果 #iOS 旋转推进淡化吮吸波纹 #iOS 立方体镜头效果

本文介绍了如何使用CATransition在iOS中实现翻页、旋转、淡化等多种动画效果，包括推进、滑入滑出、立方体、吮吸、波纹等，并提供了相关代码示例，如kCATransitionFade的淡化效果、kCATransitionPush的推进效果等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于CATransition实现翻页、旋转、淡化、推进、滑入滑出、立方体、吮吸、波纹等动画效果。

首先看一下效果图：

下面贴上代码:

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

@end

#import "ViewController.h"

//获得屏幕的宽高
#define mainW [UIScreen mainScreen].bounds.size.width
#define mainH [UIScreen mainScreen].bounds.size.height

@interface ViewController ()

@property (nonatomic, strong) NSArray *typeArray;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    self.view.backgroundColor = [UIColor greenColor];
    
    //创建控件
    [self creatControl];
    
    _typeArray = @[kCATransitionFade, kCATransitionPush, kCATransitionMoveIn, kCATransitionReveal, @"cube", @"suckEffect", @"oglFlip", @"rippleEffect", @"pageCurl", @"pageUnCurl", @"cameraIrisHollowOpen", @"cameraIrisHollowClose"];
}

- (void)creatControl
{
    NSArray *titleArray = @[@"淡化效果", @"推进效果", @"滑入效果", @"滑出效果", @"立方体效果", @"吮吸效果", @"翻转效果", @"波纹效果", @"翻页效果", @"反翻页效果", @"开镜头效果", @"关镜头效果"];
    
    for (int i = 0; i < titleArray.count; i+