UI基础----CATransition 转场动画 type 私有 API

最近在研究如何更炫的显示图片,因此摸索了几种比较好的解决办法,可是这种更炫的解决办法可能会致使你的程序不能被 apple store 审核经过的分享,慎用!!!!!可是若是你的 app 是要经过企业签发布的会则不会受到太大的影响.

废话很少说,直接进入主题,我们先来分析一下苹果官方给出的几种效果,以及一些属性的解释:

CATransition 是CAAnimation 的子类,他们是继承的关系(CATransition : CAAnimation),这么说可能会有些抽象,你们能够想一下UINavigationController 就是经过CATransition 实现了将控制器的视图推入屏幕的效果.

属性解析:

type:-------------动画过分类型

subtype:----------动画过渡方向

startProgress:----动画起点(在总体动画的百分比)

endProgress:------动画终点(在总体动画的百分比)

动画过渡类型:

        官方提供 API"

1. (fade) kCATransitionFade----------交叉淡化过渡(不支持过渡方向,也就是说设置不设置 subtype 并无什么卵用)

   (moveIn) kCATransitionMoveIn---新视图移到旧视图上面

   (push) kCATransitionPush---------新视图把旧视图推出去

   (reveal) kCATransitionReveal -----旧视图移开,显示下面的新视图

   私有 API:

2. cube -------------------------立方体翻转效果

        oglFlip -----------------------上下左右翻转效果

        suckEffect -------------------收缩效果.如一块布被抽走(不支持过渡方向)

        rippleEffect ------------------滴水效果(不支持过渡方向)

        pageCurl ---------------------向上翻页效果

        pageUnCurl ------------------向下翻页效果

        rotate -------------------------旋转(不支持过渡方向,能够在 subtype 设置旋转角度)

        cameraIrisHollowOpen ------相机镜头打开效果(不支持过渡方向)

        cameraIrisHollowClose ------相机镜头关闭效果(不支持过渡方向)

动画过渡方向:

        kCATransitionFromTop ----------从上部滑入

        kCATransitionFromBottom ------从下部滑入

        kCATransitionFromLeft ----------从左侧滑入

        kCATransitionFromRight --------从右侧滑入

如下是示例程序的核心代码:

// 1. 建立转场动画
CATransition *transition = [CATransition animation];
// 2. 设置转场动画形式
transition.type = kCATransitionMoveIn;
// 3. 设置转场动画附形式
transition.subtype = kCATransitionFromBottom;
// 4. 执行动画
[self.bgView.layer addAnimation:transition forKey:nil];

另外若是设置 type 为 "rotate"的时候能够设置旋转角度

CATransition *transition = [CATransition animation];
transition.type = @"rotate";
transition.subtype = @"90ccw";

旋转角度设置:

 90cw ----逆时针旋转 90°

 90ccw ---顺时针旋转 90°

 180cw ---逆时针旋转 180°

 180ccw --顺时针旋转 180°

著做权声明：本文为做者原创，欢迎转载分享。请尊重做者劳动，转载时保留该声明和做者博客连接，谢谢！