关于自定义modal的转场动画

效果图

本来是6s的屏幕,转格式的时候被改变了。


模态中,若想实现自定义转场动画,首先应在目标控制器中引入自定义的转场动画类。

然后在目标控制器中设置遵循UIViewControllerTransitionIngDelegate协议。

设置代理

self.transitioningDelegate=self;

为防止内存泄露,同时将模态专场模式设为custom

self.modalPresentationStyle=UIModalPresentationCustom;

实现协议的两个方法,调用自定义的动画。

返回present模式调用的类对象

- (id)animationControllerForPresentedController:(UIViewController*)presented presentingController:(UIViewController*)presenting sourceController:(UIViewController*)source{

return[DDWModalAnimationanimateWithType:(DDWModalAnimationTypePresent)];

}

返回dismiss模式调用的类对象

- (id)animationControllerForDismissedController:(UIViewController*)dismissed{

return[DDWModalAnimationanimateWithType:(DDWModalAnimationTypeDismiss)];

}

只要在目标控制器中设置好专场动画后,源控制器无需做任何操作既能实现自定义专场动画。

只要调用系统的present或者dismiss即可。

经过以上设计,模态跳转页面的时候就可以使用自定义动画了。


关于自定义动画类

首先,创建一个自定义动画类,继承与NSObject。

为了实现模态自定义动画,应遵循协议

为了方便其在目标控制器中返回动画类,建立一个类方法,用来返回类本身。

+(instancetype)DDWAnimateWithType:(DDWModalAnimationType)type;

.m中的实现

定义一个type属性,记录当前为present还是dismiss得状态

首先实现协议中实现动画必须实现的两个方法

返回动画过程的时间

-(NSTimeInterval)transitionDuration:(id)transitionContext

{

return0.5;

}

返回调用模态动画时的具体操作,本例中,将present与dismiss整合到一起,故类中不做具体动画操作,而是根据属性选择对应要执行的动画方法。

-(void)animateTransition:(id)transitionContext

{

switch(self.type) {

caseDDWModalAnimationTypePresent:

{

[selfanimatePresent:transitionContext];

break;

}

caseDDWModalAnimationTypeDismiss:

{

[selfanimateDismiss:transitionContext];

break;

}

default:

break;

}

}

然后实现自定义的类方法。

为了为类本身的属性进行复制,添加init方法

-(instancetype)initAnimateWithType:(DDWModalAnimationType)type

{

self= [superinit];

if(self) {

self.type= type;

}

returnself;

}

+(instancetype)DDWAnimateWithType:(DDWModalAnimationType)type

{

return[[selfalloc]initAnimateWithType:type];

}

然后分别实现两个动画。

上述完成后,已经可以实现自定义模态动画效果了。


同时,ios7.0之后,xcode增加了按照百分比进行模态的功能。可以添加手势,根据手势的偏移量计算是否放弃操作

因为任何情况下,百分比手势的判断原理都是一样的。故将其集中封装在一个管理类中提高复用率。

创建一个管理类,继承与UIPercentDrivenInteractiveTransition

分别添加以下三个属性

记录当前交互状态

@property(assign,nonatomic)BOOLinteration;

为提高复用率,present和push的执行方法均已block形式传入类中。

@property(copy,nonatomic)gestureBlockpresentBlock;

@property(copy,nonatomic)gestureBlockpushBlock;

添加一个初始化管理类的类方法

+(instancetype)DDWInterativeTransitionWithType:(DDWInterativeTransitionType)type

direction:(DDWInterativeTransitionGestureDirection)direction;

添加一个给VC添加手势的实例方法

-(void)addPanGestureForVC:(UIViewController*)VC;

.m中的实现部分

添加三个私有属性,记录当前手势方向,动画类型以及添加手势的控制器。

@property(strong,nonatomic)UIViewController* vc;

@property(assign,nonatomic)DDWInterativeTransitionTypetype;

@property(assign,nonatomic)DDWInterativeTransitionGestureDirectiondirection;

实现类方法

+(instancetype)DDWInterativeTransitionWithType:(DDWInterativeTransitionType)type

direction:(DDWInterativeTransitionGestureDirection)direction{

return[[selfalloc]initInterativeTransitionWithType:typedirection:direction];

}

-(instancetype)initInterativeTransitionWithType:(DDWInterativeTransitionType)type

direction:(DDWInterativeTransitionGestureDirection)direction

{

self= [superinit];

if(self) {

self.type= type;

self.direction= direction;

}

returnself;

}

手势添加方法实现

以上,手势管理者的建立已经完成。在具体的vc中直接引用即可。

源控制器中,添加管理者。

执行顺序,当手势触发是,因为手势种类是present,方向是up,故手势调用block中的方法,从而模态跳转。

之前手势管理者中,已经写好对手势有效性的判断算法,故此时可以对手势的有效性进行判断。

上面已经叙述过,无论何种动画,在源控制器中都不用做相关操作,交由目标控制器去执行动画。故在初始化目标控制器时,将源控制器的管理者传给目标控制器。

目标控制器,同源控制器相同,添加管理者

同时实现手势响应的两个代理,返回present或dismiss操作时返回的交互

效果图

至此,自定义动画以及百分比手势控制便已完成实现。


此处附个人Demo以供日后查看

http://pan.baidu.com/s/1nuTz1Fj

另附原作者Demo,其中共实现模态跳转及nav跳转4种动画,思路相同,不赘述。附上原文链接

http://www.jianshu.com/p/45434f73019e

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏别先生

eclipse从git拉去出现红色方块的解决办法

1:由于错误已经解决,这里借了一副图,主要是显示这个红色方块,然后贴一下解决方法,日后好脑补: ? 大家一看肯定都是冲突了,我也是第一次遇到这种错误,贴一下(鼠...

37870
来自专栏埋名

Mac系统14款快速查看插件Quick Look Plugs

Mac系统下快速浏览的14款Quick Look插件,鼎力推荐,可能适合程序员,特别是前端开发人员,我已经将它疯狂的收录到,一万星星awesome-mac:

17920
来自专栏韩东吉的Unity杂货铺

零基础入门 11: 通过脚本设置UGUI Image

因为默认的脚本是没有引入UnityEngine库的。所以当我们新创建了一个脚本后,在脚本上方加入UnityEngine的引用。

56140
来自专栏菩提树下的杨过

如何改变AspNetPager当前页码的默认红色?

AspNetPager一直是我最喜欢用的分页控件(而且作者最近还推出了专门针对MVC的版本http://mvcpager.codeplex.com/),默认情况...

22080
来自专栏codelang

react-native之undefined is not an object

16640
来自专栏Angular&服务

Angular2 页面的生命周期

当被绑定的输入属性的值发生变化时调用,首次调用一定会发生在 ngOnInit之前。

12920
来自专栏葡萄城控件技术团队

如何在施工物料管理Web系统中处理大量数据并显示

最近在开发施工物料管理系统,其中涉及大量的物料信息需要管理和汇总,数据量非常庞大。之前尝试自己通过将原始数据,加工处理建模,在后台代码中通过分组、转置再显示到 ...

239100
来自专栏从零开始学自动化测试

Selenium2+python自动化33-文件上传(send_keys)

前言 文件上传是web页面上很常见的一个功能,自动化成功中操作起来却不是那么简单。 一般分两个场景:一种是input标签,这种可以用selenium提供的sen...

30690
来自专栏挖坑填坑

Angular练习

1、安装node.js(其自带npm) 2、安装angular/cli 3、使用angular/cli构建项目参考这篇文章

13550
来自专栏源码之家

WORD中一次性删除所有图片

40450

扫码关注云+社区

领取腾讯云代金券