IOS轻松几步实现自定义转场动画
一、系统提供的转场动画
目前,系统给我们提供了push/pops和present/dismiss两种控制器之间跳转方.当然,通过设置UIModalTransitionStyle属性,可以实现下面4种modal效果,相信大家都比较熟悉了,这里就不再展示效果图.
UIModalTransitionStyleCoverVertical // 从下往上, UIModalTransitionStyleFlipHorizontal // 水平翻转 UIModalTransitionStyleCrossDissolve // 淡入淡出 UIModalTransitionStylePartialCurl // 卷角翻页
二、自定义转场动画使用场景
系统给我们提供的转场动画效果较少,并且有时想对系统的效果做一些修改.例如:我们使用淡入淡出的modal效果,系统的动画时间我们不满意,希望让动画快点,或者慢点.系统并没有给我提供直接修改的属性或者方法,那么,这时我们不得不考虑使用自定义转场动画来实现我们想要的效果.
三、自定义转场动画的实现步骤
第1步:设置需要弹出控制器的modalPresentationStyle为UIModalPresentationCustom
detailVc.modalPresentationStyle = UIModalPresentationCustom;
第2步:设置转场代理
detailVc.transitioningDelegate = self
可以抽一个工具类,专门负责转场动画
第3步:遵守UIViewControllerTransitioningDelegate代理实现两个方法
确定谁负责弹出动画
-(id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source {
self.isPresnted = YES;
return self;
}
确定谁负责动画消失
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed {
self.isPresnted = NO;
return self;
}
第4步:实现转场动画
上面都返回self,说明当前控制器即负责弹出动画又负责动画消失,所以具体的转场动画在当前控制器中进行.
先确定转场动画时间间隔
- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext {
return 1.0;
}
再实现具体动画(由于当前控制器即负责弹出动画,又负责消失动画,所以定义一个Bool类型属性isPresnted加以区分)
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext {
if (self.isPresnted == YES) {
//这里做弹出动画
} else {
//这里做消失动画
}
}
小结:
也可以让不同的控制器分别负责弹出和消失动画,这样就不需要定义一个专门用于区分的属性.个人建议最好是抽取一个专门负责转场动画的工具类,让该工具类负责所有转场动画,这样,不管是从业务逻辑上还是代码的复用性上都更加好.当然,这样做存在的一个弊端就是,转场动画中需要用到的一些属性必须通过定义变量,代理和Block等方式传递进来,而使用不同的控制器来管理弹出和消失动画在获取属性上更加方便.具体怎样做,也就仁者见仁,智者见智了.
下面来具体实现一个转场动画效果吧
由于实现动画的核心代码在第四步,这里也就只看animateTransition:这一个方法啦!
从上往下的Modal效果
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext {
if (self.isPresnted == YES) {
//1.取出view
UIView *presentedView = [transitionContext viewForKey:UITransitionContextToViewKey];
//2.放入containerView
[[transitionContext containerView]addSubview:presentedView];
//3.设置基本属性
presentedView.frame = CGRectMake(0, -667, 375, 667);
//4.动画
[UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{
presentedView.frame = CGRectMake(0, 0, 375, 667);
}completion:^(BOOL finished) {
[transitionContext completeTransition:YES];
}];
} else {
//1.取出view
UIView *dismissedView = [transitionContext viewForKey:UITransitionContextFromViewKey];
//2.放入containerView
[[transitionContext containerView]addSubview:dismissedView];
//3.动画
[UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{
dismissedView.frame =CGRectMake(0, -667, 375, 667);
}completion:^(BOOL finished) {
[transitionContext completeTransition:YES];
}];
}
}
模仿系统淡入淡出效果
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext {
if (self.isPresnted == YES) {
//1.取出view
UIView *presentedView = [transitionContext viewForKey:UITransitionContextToViewKey];
//2.放入containerView
[[transitionContext containerView]addSubview:presentedView];
//3.设置基本属性
presentedView.alpha = 0;
//4.动画
[UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{
presentedView.alpha = 1.0;
}completion:^(BOOL finished) {
[transitionContext completeTransition:YES];
}];
} else {
//1.取出view
UIView *dismissedView = [transitionContext viewForKey:UITransitionContextFromViewKey];
//2.放入containerView
[[transitionContext containerView]addSubview:dismissedView];
//3.设置基本属性
dismissedView.alpha = 1;
//4.动画
[UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{
dismissedView.alpha = 0;
}completion:^(BOOL finished) {
[transitionContext completeTransition:YES];
}];
}
}
动画的时间可以从ransitionDuration:方法获取
通过UITransitionContextToViewKey和UITransitionContextFromViewKey两个Key分别获取弹出和消失动画的View(注意别混淆两个Key)
要将做动画的View加入到专门用于动画的containerView中
总结
以上就是这篇文章的全部内容了，这里只介绍怎样实现转场动画，至于其他好玩NB的效果，大家可以自己试着实现，小编以后也会分享其他更好的效果，希望这篇文章对大家能有一定的帮助，如果有疑问大家可以留言交流。
相关文章
这篇文章主要介绍了iOS瀑布流的简单实现，说到瀑布流, 或许大家都不陌生, 瀑布流的实现也有很多种! 本文使用两种方法介绍，有兴趣的可以了解一下。2016-11-11
详解iOS开发中UITableview cell 顶部空白的多种设置方法
这篇文章主要介绍了详解iOS开发中UITableview cell 顶部空白的多种设置方法的相关资料,需要的朋友可以参考下2016-04-04
自动引用计数(Automatic Reference Counting, ARC)把压在程序员们肩头的管理内存的重担卸除了不少，更不用说让跟踪内存泄漏那样的烦心事也少了很多。下面这篇文章主要给大家介绍了关于Objective-C学习之ARC的实现方法，需要的朋友可以参考借鉴下。2017-12-12
这篇文章主要介绍了IOS 静态库打包流程简化详细介绍的相关资料,开发好的静态库后需要手动的合并.a文件，然后再拷贝相关的头文件，接着把静态库和头文件放在同一个文件里面打包发送给SDK的使用者，这里简化下流程，需要的朋友可以参考下2016-12-12
iOS利用AFNetworking3.0——实现文件断点下载
这篇文章主要介绍了iOS利用AFNetworking3.0——实现文件断点下载，具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
这篇文章主要为大家介绍了iOS 简单的操作杆旋转实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了IOS中的target action控件的实现的相关资料，这里提供实现target action的简单实例帮助大家学习理解该如何实现，需要的朋友可以参考下2017-08-08
这篇文章主要介绍了Android开发笔记之简单基站定位程序的实现，详细的介绍了基站定位其实很简单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-11-11
这篇文章主要给大家介绍了在iOS中每个cell上都出现倒计时的分析与实现，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-07-07
这篇文章主要为大家介绍了iOS开发技能weak和strong修饰符的规范使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论