几行代码实现神奇移动的过渡动画
来源:互联网 发布:手机通话录音软件 编辑:程序博客网 时间:2024/05/04 07:39
1.效果如图:
2.实现:
假设需求为如上图,点击ViewController01后,ViewController01上的两张图片,移动到ViewContoller02中,其实两个ViewController的View上分别放置了这两张图,JXMagicMove就是实现它们的过渡动画。所以只要关联这几张图就可以。
1.将JXMagicMove中的6个文件复制到项目中,在ViewController中分别引入头文件。
2.在ViewController01中设置移动开始的两张图片。(分别是猫和狗的图片)
[self jx_setMagicMoveStartViews:@[imageA,imageB]];
3.在ViewController02中设置移动结束的两张图片。
[self jx_setMagicMoveStartViews:@[imageA,imageB]];
4.push ViewController02时,将动画对象传进去。
SecondViewController *vc = [[SecondViewController alloc] init];MagicMoveTransition *magicMove = [[MagicMoveTransition alloc] init];[self.navigationController pushViewController:vc animated:YES transition:magicMove];
5.运行即可以达到上图效果,当然也支持点击tableviewcell之后的神奇移动转场,如下图~(我在iPhone7模拟器上运行没效果,但是在其它模拟器和6s真机中测试没问题,暂时没找到原因...)
最简单还是直接看Demo代码吧:
https://github.com/dolacmeng/MagicMoveDemo
0 0
- 几行代码实现神奇移动的过渡动画
- iOS 过渡动画的实现
- Android两行代码搞定ViewPager的过渡动画
- 两行代码搞定ViewPager的过渡动画
- FLIP 动画实现多维网格的过渡
- 用css3的transition实现过渡动画
- [java]过渡动画实现
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- ViewPager的过渡动画
- Activity过渡的动画
- Activity的过渡动画
- 过渡动画的使用
- 非常简单的几行代码实现炫酷的tableview cell动画
- vue过渡动画实现原理
- 用 几 行代码实现 JS 动画序列播放
- 几行代码实现tab+fragment+viewpager---还有酷炫的动画效果哦
- maven的配置和项目部署(1)
- 四个例子实战讲解.htaccess文件rewrite规则
- Fedora25下源码安装Xen4.8
- 9. Palindrome Number
- Gauge中执行数据库测试
- 几行代码实现神奇移动的过渡动画
- Linux crontab使用详情
- 虚拟机linux或服务器操作数据库Mysql命令
- SVN使用教程总结
- 专访安晓辉-能文能武的技术人
- androidstudio的svn提交失败后再次提交时找不到要提交的文件
- ten things to try in 2017 --- just for selt-motivation
- GCC的常识
- linux CC攻击