iOS之UI--转场动画

简介:

1.什么是转场动画?
    就是从一个场景转换到另一个场景,像导航控制器的push效果,就是一个转场.
    
2.如何创建转场动画
    创建转场动画
    CATransition *anim = [CATransition animation];
    设置转场类型
    anim.type = @"cube";
    anim.duration = 1;
    设置转场的方向
    anim.subtype = kCATransitionFromLeft;
    设置动画的开始位置
    anim.startProgress = 0.5;
    设置动画的结束位置
    anim.endProgress  =0.8;
    添加动画.了
    [_imageV.layer addAnimation:anim forKey:nil];

要执行动画的代码称为转场代码.
     转场动画要和转场代码写在同一个方法当中才有动画效果.
     
3.UIView进行转场动画
         
    [UIView transitionWithView:self.imageV duration:1 
        options:UIViewAnimationOptionTransitionFlipFromRight 
        animations:^{
            转场代码
        } completion:^(BOOL finished) {
            动画执行完毕时调用.
        }];
        
        使用UIView转场的类型比较少.

 

setType:有四种类型:
    kCATransitionFade                   //交叉淡化过渡
    kCATransitionMoveIn               //移动覆盖原图
    kCATransitionPush                    //新视图将旧视图推出去
    kCATransitionReveal                //底部显出来

另一种设置方法
    pageCurl     //向上翻一页
    pageUnCurl   //向下翻一页
    rippleEffect   //滴水效果
    suckEffect     //收缩效果,如一块布被抽走
    cube       //立方体效果
    oglFlip      //上下翻转效果

 

下面上一个代码实例,先上效果,然后上代码截图:

 

 

 

相关文章
|
XML JSON 缓存
让UI忙碌的安卓Lottie动画渲染库(二)
上节我们讲述了Lottie开源库如何导入Android Studio但是,开源库是不断迭代的,所以我们也要及时更新
471 0
|
9月前
|
iOS开发
iOS 常用阅读软件打开书籍的转场动画
iOS 常用阅读软件打开书籍的转场动画
61 0
|
6月前
|
JavaScript
Vue框架Element UI教程-出现和隐藏动画(三)
Vue框架Element UI教程-出现和隐藏动画(三)
53 0
|
8月前
|
API iOS开发
iOS 自定义转场动画 UIViewControllerTransitioning
iOS 自定义转场动画 UIViewControllerTransitioning
50 0
|
9月前
|
XML Java 数据格式
HarmonyOS学习路之开发篇—Java UI框架(动画开发)
动画开发 动画是组件的基础特性之一,精心设计的动画使UI变化更直观,有助于改进应用程序的外观并改善用户体验。Java UI框架提供了帧动画、数值动画和属性动画,并提供了将多个动画同时操作的动画集合。
|
11月前
|
定位技术 API 图形学
unity-2D游戏官方案例--带视频案例(1)(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)
unity-2D游戏官方案例--带视频案例(1)(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)
135 1
|
XML Java API
高级UI系列(三): 自定义UI动画篇
高级UI系列(三): 自定义UI动画篇
99 0
高级UI系列(三): 自定义UI动画篇
|
XML JSON 前端开发
让UI忙碌的安卓Lottie动画渲染库(一)
今天工作时突然在项目xml布局看到了一个完全不认识的控件,一开始以为是自定义View之类的:
271 0
|
机器学习/深度学习 安全 测试技术
阿里云EMAS-专家测试服务iOS和Android上百种机型性能、兼容及UI等测试
阿里云EMAS测试专家有着集团内部多个日活过亿规模APP经验,提供EMAS专家测试,客户只需提交测试需求,从用例设计、脚本录制、海量机型测试、整理测试结果、48小时输出专家测试报告均由阿里云EMAS测试专家一站式服务完成。覆盖功能测试、深度兼容测试、性能测试、UI适配测试以及隐私合规检测等,帮助用户以更低成本获得高质量的全面测试能力,可用于APP正式发版前验收,规避手机APP上线前或发版过程中各类隐患。
412 0
阿里云EMAS-专家测试服务iOS和Android上百种机型性能、兼容及UI等测试
|
图形学
Unity 编辑器开发实战【Custom Editor】- 为UI视图制作动画编辑器
Unity 编辑器开发实战【Custom Editor】- 为UI视图制作动画编辑器
201 1
Unity 编辑器开发实战【Custom Editor】- 为UI视图制作动画编辑器