登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

16种常用转场动画

[复制链接]
来自: Jaesun 分类: iOS精品源码 上传时间: 2016-10-10 13:19:09
Tag:动画 animation 自定义 转场动画 view animation

项目介绍:

12种UILayer转场动画+4种UIView转场动画

源码下载

源码中封装了,给View添加转场动画的方法:

- (void)addLayerTransitionWith:(SJLayerTransitionType)type subtype:(SJLayerTransitionSubtype)subtype;

- (void)addViewAnimationTransition:(UIViewAnimationTransition)transition AnimationCurve:(UIViewAnimationCurve)curve;
 

4种 UIView 转场动画

实现代码:

   UIViewAnimationTransition animationTranstion = transition;
   [UIView animateWithDuration:1 animations:^{
   [UIView setAnimationCurve:curve];
   [UIView setAnimationTransition:animationTranstion forView:self cache:YES];
   }];
   

UIView 基础转场动画 ,UIViewAnimationTransition包含4种:

typedef NS_ENUM(NSInteger, UIViewAnimationTransition) {

UIViewAnimationTransitionNone,
UIViewAnimationTransitionFlipFromLeft,  // 从左翻页
UIViewAnimationTransitionFlipFromRight,  // 从右翻页
UIViewAnimationTransitionCurlUp,    //  向上翻书特效
UIViewAnimationTransitionCurlDown,       //  向下翻书特效

};

 UIViewAnimationCurve 也有4种

typedef NS_ENUM(NSInteger, UIViewAnimationCurve) {

UIViewAnimationCurveEaseInOut,         // slow at beginning and end
UIViewAnimationCurveEaseIn,            // slow at beginning
UIViewAnimationCurveEaseOut,           // slow at end
UIViewAnimationCurveLinear

};

12 种 CALayer 转场动画

实现代码:

    CATransition *transition = [CATransition animation];
    transition.duration = 1;
    transition.type = @"fade"; // 过渡效果
    transition.subtype = @"fromRight"; // 过渡方向
    [view.layer addAnimation:transition forKey:@"transition"];
    

过渡效果 type

fade //交叉淡化过渡(不支持过渡方向)

push //新视图把旧视图推出去
moveIn //新视图移到旧视图上面
reveal //将旧视图移开,显示下面的新视图
cube //立方体翻滚效果
oglFlip //上下左右翻转效果
suckEffect //收缩效果,如一块布被抽走(不支持过渡方向)
rippleEffect //滴水效果(不支持过渡方向)
pageCurl //向上翻页效果
pageUnCurl //向下翻页效果
cameraIrisHollowOpen //相机镜头打开效果(不支持过渡方向)
cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向)

过渡方向 subtype

fromRight;
fromLeft;
fromTop;
fromBottom;

code4app

相关源码推荐:

我来说两句
*滑动验证:
所有评论(279)
phoiu 2016-10-10 16:25:47
不错不错,楼主辛苦了。。。
回复
littleRed 2016-10-10 16:27:29
感谢分享,code4app有你更精彩
回复
BlueManlove 2016-10-10 16:29:19
感谢分享,code4app有你更精彩
回复
AlonMessi 2016-10-10 16:32:17
好好 学习了 确实不错
回复
hellokenken 2016-10-10 16:34:01
感谢分享,楼主V5~
回复
kengsir 2016-10-10 16:39:46
好好 学习了 确实不错
回复
王颖博 2016-10-10 17:10:05
感谢分享,Code4App有你更精彩
回复
王颖博 2016-10-10 17:17:59
感谢分享,Code4App有你更精彩
回复
test222 2016-10-10 17:54:10
我只是路过打酱油的。
回复
提取码: tkx7 下载次数:324 状态:已购或VIP 售价:0(原价:10)金钱 下载权限:初级码农 
3981 1 324
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表