上一篇讲了平移的转场,这一篇搞一搞扩散的转场动画效果。
CircleNaviControllerDelegate.h
![](https://img.haomeiwen.com/i711728/6d37a25ada45c070.png)
屏幕快照 2017-06-05 下午5.56.18.png
CircleNaviControllerDelegate.m
![](https://img.haomeiwen.com/i711728/4a20079053af2fe6.png)
屏幕快照 2017-06-05 下午5.56.50.png
CircleTransition.h
![](https://img.haomeiwen.com/i711728/3d52704509062abc.png)
屏幕快照 2017-06-05 下午6.01.25.png
CircleTransition.m
![](https://img.haomeiwen.com/i711728/0f399c525bbae0fb.png)
屏幕快照 2017-06-05 下午6.02.19.png
![](https://img.haomeiwen.com/i711728/5b5c905828ccdd07.png)
屏幕快照 2017-06-05 下午6.02.31.png
![](https://img.haomeiwen.com/i711728/b7184f3a810a18a7.png)
屏幕快照 2017-06-05 下午6.02.48.png
![](https://img.haomeiwen.com/i711728/a6edac68bb7adf5f.png)
屏幕快照 2017-06-05 下午6.03.03.png
![](https://img.haomeiwen.com/i711728/c9be35080a5f9c84.png)
屏幕快照 2017-06-05 下午6.03.26.png
![](https://img.haomeiwen.com/i711728/81516c24b2607eba.png)
屏幕快照 2017-06-05 下午6.03.46.png
![](https://img.haomeiwen.com/i711728/87c441aa52438763.png)
屏幕快照 2017-06-05 下午6.04.27.png
调用:
ViewController转场到CircleViewController使用的是圆形扩散。
ViewController转场到CircleRectViewController使用的是矩形扩散。
![](https://img.haomeiwen.com/i711728/63fb25ee0c05de35.png)
屏幕快照 2017-06-06 上午9.25.34.png
看一下CirlceViewController中的核心代码:
![](https://img.haomeiwen.com/i711728/79f7a70e21f1a37f.png)
屏幕快照 2017-06-06 上午9.25.52.png
然后是CircleRectViewController.m的核心代码:
![](https://img.haomeiwen.com/i711728/6749d98bc8fc7b80.png)
屏幕快照 2017-06-06 上午9.26.07.png
最后是效果:
![](https://img.haomeiwen.com/i711728/172f62c979bbac00.gif)
circle.gif
到此,转场动画的基本使用方法我们已经掌握了。
接下来梳理一下:
![](https://img.haomeiwen.com/i711728/a5c6e84446a3b56f.png)
屏幕快照 2016-07-05 11.16.59.png
我们主要操作的地方是:animateTransition:方法,也就是转场动画的实现。
加油~
网友评论