博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
导航栏转场动画CATransition
阅读量:6928 次
发布时间:2019-06-27

本文共 2029 字,大约阅读时间需要 6 分钟。

CATransition动画来实现,

下面的代码是跳转到下一个视图:

 

 CATransition *animation = [CATransition animation];

    [animation setDuration:0.3];

    [animation setType: kCATransitionPush];

    [animation setSubtype: kCATransitionFromRight];//跳转方向样式

    [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];

    

    [self.navigationController pushViewController:searchResult animated:NO];//禁止导航动画

    [self.navigationController.view.layer addAnimation:animation forKey:@"animation"];

只需把导航的动画禁掉,加上自己所需要的方向

下面的代码是返回前一个视图:

 

  CATransition *animation = [CATransition animation];

    [animation setDuration:0.3];

    [animation setType: kCATransitionPush];

    [animation setSubtype: kCATransitionFromLeft];

    [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];

    [self.navigationController.view.layer addAnimation:animation forKey:@"animation"];

[self.navigationController popViewControllerAnimated:NO];//禁止动画

 

返回前一个视图时有个注意点,禁止动画这一句必须写在动画代码的后面,否则达不到理想的效果。

 

 

/*********效果type**********//

 

1. kCATransitionFade;//指定动画方式为 Fade 渐隐消去、类似还有 kCATransitionPush、 kCATransitionReveal、 kCATransitionMoveIn、@"cube"、 @"suckEffect"、@"oglFlip"、 @"rippleEffect"、@"pageCurl"、 @"pageUnCurl"、@"cameraIrisHollowOpen" @"cameraIrisHollowClose"等,
  1. pageCurl 向上翻一页

  2. pageUnCurl 向下翻一页

  3. rippleEffect 滴水效果

  4. suckEffect 收缩效果,如一块布被抽走

  5. cube 立方体效果

  6. oglFlip 上下翻转效果

  7. cameraIrisHollowOpen 相机打开效果

  8. cameraIrisHollowClose 相机关闭效果

  9. Apple Developer Documents 中介绍

如下

11. NSString * const kCATransitionFade;

12. NSString * const kCATransitionMoveIn; 13. NSString * const

kCATransitionPush; 14. NSString * const

kCATransitionReveal; 

 

 

 

过渡效果 type

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

push //新视图把旧视图推出去

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

过渡方向 subtype

fromRight;

fromLeft;
fromTop;
fromBottom;

 

转载于:https://www.cnblogs.com/daxueshan/p/5999550.html

你可能感兴趣的文章
Node.js 使用JWT进行用户认证
查看>>
phpstorm快捷键小结
查看>>
关于用wkwebview加载沙盒documents下html文件 模拟器可以,真机不行的解决方案
查看>>
.NET的前世今生与将来
查看>>
SQL:将查询结果插入到另一个表的三种情况
查看>>
SQLite FTS3/FTS4与一些使用心得
查看>>
小论数据分析的方法及思维
查看>>
docker 私有仓库搭建
查看>>
工欲善其事必先利其器——产品篇
查看>>
『计算机视觉』Mask-RCNN_训练网络其三:训练Model
查看>>
cf1060E. Sergey and Subway(树形dp)
查看>>
【AI】Ubuntu NVIDIA CUDA CUDNN安装配置
查看>>
npm和yarn的使用对比
查看>>
Windows下Kettle定时任务执行并发送错误信息邮件
查看>>
【转】强化学习(一)Deep Q-Network
查看>>
文件内容合并
查看>>
全局光照技术解析Global Illumination Explained
查看>>
未来之诗
查看>>
(原創) 使用preprocessor directive留住debug code (.NET) (C#)
查看>>
(轉貼) 未來台北捷運路線圖 (News)
查看>>