WKAnimatorManager - 转场管理类

前言

现如今App的体验越来越重要,我们的App中也要求加入更多的动画效果,其中最广泛的是转场动画,由于需要批量的加入转场动画,如果于每一个VC中去添加修改是一件费时费力的事情,所以有了下面要介绍的一个开源组件--WKAnimatorManager

功能介绍

实现了对转场动画的封装以及左滑的集中处理。

优点:集成方便,使用简单,拓展性强。

简要介绍

转场管理结构中只有四个类:

  • UINavigationController+WKTransitions

功能:hook了UINavigationController的部分方法,实现集成即可使用。
其一:hook了push,pop系列方法,于其中设置动画转场子类,便于统一处理动画
其二:重写了viewdidload 设置UINavigationController的转场代理为WKAnimatorManager的单例

  • UIViewController+WKTransitions

功能:hook了UIViewController的部分方法以及新增了两个属性,实现集成即可使用。
其一:为UIViewController添加了两个转场动画属性,一个用于模态转场wk_modelAnimator,一个用于导航栏转场wk_navAnimator,均为WKBaseAnimator的子类
其二:hook了dismiss以及present模态转场方法,便于统一处理动画
其三:hook了init,讲其模态转场代理设置为WKAnimatorManager单例

  • WKAnimatorManager

功能:遵循模态以及导航栏转场协议,集中处理转场逻辑
内部自定义了UIScreenEdgePanGestureRecognizer手势,实现左滑返回逻辑自处理。

  • WKBaseAnimator

功能:动画处理基类
自定义动画只需要继承自此类,将动画效果写于present以及dismiss方法即可。
如需左滑手势返回,系统只支持了view层级动画的左滑返回操作,所以左滑返回动画必须为view层级动画,其次需设置edgeType为UIRectEdgeLeft即可。

使用方式

CocoaPods集成

于Podfile中添加 pod 'WKAnimatorManager', '~> 0.1.1'

手动添加

步骤一、

下载Demo,将Demo里的Transitions文件夹拖入项目,再将已整合好的头文件WKAnimatorManagerHeader.h加入全局头文件.pch中。

步骤二、

创建继承自WKBaseAnimator.h的自定义动画类,下面以Demo中已存在的的动画作为例子(后面有效果展示):

#import "WKBaseAnimator.h"
@interface MagicMoveTransition : WKBaseAnimator

//自定义需要的属性
@property (nonatomic, assign) CGRect   endRect;//终点
@property (nonatomic, strong) UIView * sourceView;

@end

于.m文件中实现从父类继承而来的present以及dismiss

- (void)present{
    [UIView animateWithDuration:[self transitionDuration] delay:0.0f usingSpringWithDamping:0.8f initialSpringVelocity:1.0f options:UIViewAnimationOptionCurveLinear animations:^{
        .....
    } completion:^(BOOL finished) {
        .....
        //告诉系统动画结束
        [self completeTransition];
        
    }];
}
- (void)dismiss {
     .....
    //发生动画
    [UIView animateWithDuration:[self transitionDuration] delay:0.0f usingSpringWithDamping:0.8f initialSpringVelocity:1.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
          .....
    } completion:^(BOOL finished) {
          .....
         //告诉系统动画结束
        [self completeTransition];
    }];
}

可自定义动画执行时间

- (NSTimeInterval)transitionDuration{
    return 0.6f;
}

支持左滑返回可以这样,在初始化时将其边界type修改为left

- (instancetype)init
{
    self = [super init];
    if (self) {
        self.edgeType = UIRectEdgeLeft;
    }
    return self;
}
步骤三、

在push 或者 present之前为vc设置上对应的动画

- (void)gotoWindoeModelVC
{
    WindowModelVC * vc = [WindowModelVC new];
    WKWindowedModelAnimator * animator = [WKWindowedModelAnimator new];
    animator.toViewHeight = SCREEN_HEIGHT / 2.f;
//    vc.wk_modelAnimator = animator;
//    [self.navigationController presentViewController:vc animated:YES completion:nil];
//都可以啊
    vc.wk_navAnimator = animator;
    [self.navigationController pushViewController:vc animated:YES];
}

效果展示

在Demo中提供了一些常用的转场动画的封装,可直接使用。

1.gif
2.gif
3.gif

更多自定义的效果,可参考WKAnimatorManager的Demo。

后记

既然各位看到这了,再给大家分享一个小知识。

在我实现自定义侧滑(UIScreenEdgePanGestureRecognizer)时,发现设置了其edges为UIRectEdgeLeft时,手势被触发的时机并不是在我进行侧滑时,而是在全屏任何一个地方都会触发这个手势。这一度对我造成了困扰。

那么从触发手势开始思考,手势一开始于屏幕上触发(硬件层面),实质在这个层面是不会也不应该去做任何判断其手势的合法性,而是直接传递到系统由软件来判断其合法性,那么为什么我设置了UIRectEdgeLeft这个值之后,却没有达到预想的效果呢。带着这个疑问,我去拦截了系统的侧滑手势,发现其也是全屏可以被触发,只是一开始是UIGestureRecognizerStatePossible状态,然后如果其起始点超过50则变为了UIGestureRecognizerStateFailed状态,而小于等于50时则进入UIGestureRecognizerStateBegan状态,开始执行手势。

那么接下来就简单了,我们只需要实现下面一个代理方法即可实现完全和系统一模一样的侧滑手势了。

//系统左滑返回x实现方式
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
{
    if (gestureRecognizer == self.edgePan) {
        UIScreenEdgePanGestureRecognizer * pan = (UIScreenEdgePanGestureRecognizer *)gestureRecognizer;
        CGPoint point = [pan locationInView:self.edgePanVC.view];
        return (point.x < 50);
    }
    return NO;

}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,548评论 6 513
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,069评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,985评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,305评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,324评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,030评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,639评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,552评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,081评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,194评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,327评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,004评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,688评论 3 332
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,188评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,307评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,667评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,337评论 2 358

推荐阅读更多精彩内容

  • 前言的前言 唐巧前辈在微信公众号「iOSDevTips」以及其博客上推送了我的文章后,我的 Github 各项指标...
    VincentHK阅读 5,375评论 3 44
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,116评论 4 61
  • 一周小记 周一,讲了作文考试时要注意的事项: 一、再度写作是提升作文分数的有效途径。即把自己曾经写过的最满意作文,...
    静水流深深几许阅读 773评论 0 7
  • 银川周边还有一个不得不去的地方,沙坡头!在这儿,你才能真正体会到“大漠孤烟直,长河落日圆”的塞上风光,大漠、黄河、...
    携程攻略社区阅读 332评论 0 0
  • 2018年5月6日 星期天 天气阴 今天是星期天本打算在家陪陪儿子打扫一下家务,但是因为公司临时有事所以...
    孙越爸爸阅读 207评论 1 1