# iOS 两行代码实现自定义转场动画

语言：zh-CN
原文：[iOS 两行代码实现自定义转场动画](<https://allluckly.cn/%E6%8A%95%E7%A8%BF/tougao70>)
中文：[中文 HTML](<https://allluckly.cn/%E6%8A%95%E7%A8%BF/tougao70>)
English: [English HTML](<https://allluckly.cn/en/journal/2016-11-14-custom-ios-transitions-with-a-two-line-api/>)
发布于: 2016-11-14T00:00:00+08:00
内容更新于: 2016-11-14T00:00:00+08:00
署名：逆流丶而上

介绍 WTKTransitionAnimate 的调用方式，通过导航代理和工厂方法选择转场，再结合拖动手势与百分比进度控制实现交互式返回动画，说明封装内部的组织思路。

原文署名逆流丶而上，Bison 编辑收录。

[原文所列来源](<http://www.jianshu.com/p/f99d72bf8452>)

**阅读前** 这是 2015–2017 年间的技术记录，本次整理未重新运行验证示例。原文发表于 2016 年，基于 iOS 7 之后的自定义转场接口。

![1](<https://allluckly.cn/images/blog/tuogao/tougao70/1.gif>)

编辑：[Bison](<https://allluckly.cn/>)  
 来源：[逆流丶而上](<http://www.jianshu.com/p/f99d72bf8452>)

iOS7推出了新的转场动画API，以协id、id方式开放给开发者。但是由于其复杂的API及繁琐的实现方式，使众多的开发者望而止步。

这里我封装了几种常见的转场动画，简化的使用方式，可以直接用cocoapod搜索WTKTransitionAnimate,导入即可.

![1](<https://allluckly.cn/images/blog/tuogao/tougao70/2.png>)

## 使用方法

导入#import

```
self.navigationController.delegate = [WTKTransition shareManager];
[WTKTransition shareManager].animationType = WTKAnimateTypeKuGou;
```

只需要把navigationController的代理设置为WTKTransition的单例对象即可，animationType为动画类型，如下

```
typedef NS_ENUM(NSInteger,WTKAnimateType)
{
    WTKAnimateTypeDefault = 0,
    /// 两个导航栏不一致
    WTKAnimateTypeDiffNavi,
    ///仿酷狗
    WTKAnimateTypeKuGou,
    ///圆形遮罩
    WTKAnimateTypeRound,
    ///椭圆遮罩
    WTKAnimateTypeOval,
    ///仿斗鱼
    WTKAnimateTypeDouYu,
};
```

## 实现过程

在单例对象实现了转场动画的两个代理方法，使用工厂模式根据animateType创建子类，在子类中实现具体的动画。动画的可交互属性则是通过UIPercentDrivenInteractiveTransition来实现，需要在viewController.view上面添加拖动手势，根据手势来改变UIPercentDrivenInteractiveTransition的动画状态，一般的都是在父类的viewController添加手势，这里为了简化使用，使用类别实现，利用runtime给viewController关联属性，并且拦截viewDidload方法，在viewDidLoad中添加返回手势

WTKAnimateTypeRound这个动画，圆心每次都在点击的坐标，实现方式为获取每次点击的坐标，然后把这个坐标设置为下次push的圆心。获取坐标方式有两种

1、继承Appdelegate，然后实现Appdelegate的sendEvent方法，通过Event获取坐标。

2、使用类别，通过runtime拦截sendEvent方法，然后通过Event获取坐标。 为了简化WTKTransitionAnimation的使用方法，这里通过类别来实现。 另外，当侧滑返回取消时，会发送一个通知WTK\_CANCEL\_POP

[demo下载地址](<https://github.com/wangtongke/WTKTransitionAnimate>)

---

好文推荐：[分分钟解决iOS开发中App启动动画广告的功能](<https://allluckly.cn/lblaunchimagead/LBLaunchImageAd>)