玩转系统导航栏,看我就够了

前言

此篇文章是解决导航栏交互问题。例如以下场景:

1、进入页面导航栏透明,滑动该页面,导航出现(QQ空间)
2、A Push B,A页面导航栏黑色、B页面白色(微信进入看一看)
3、B Pop A,B页面导航栏黑色、A页面通明
.....

可能还会有其他复杂的场景,遇到这种情况,下意识的做法是自定义导航栏,这种做法是最简单,也最容易维护的,就不过多描述了。我讲的这种方式,是对系统导航的修改+简单自定义。

在此之前,我推荐一个目前比较轻量级的轮子,喜欢的可以直接拿去用。这个方案,我之前有考虑过,不过最终因为种种原因没有采用,下面说说我的方案,供大家参考。

正文

讲之前先奉上Demo

第一步:手势返回处理,在导航扩展类中重载导航类的 +load方法,进行方法替换
/**
 *  获取class的originalSelector 替换成 swizzledSelector
 *
 *  @param class            目标类
 *  @param originalSelector 目标方法
 *  @param swizzledSelector 替换之后的方法
 */
void swizzleMethod(Class class, SEL originalSelector, SEL swizzledSelector)
{
    //获取两个Method
    Method originalMethod = class_getInstanceMethod(class, originalSelector);
    Method swizzledMethod = class_getInstanceMethod(class, swizzledSelector);
    //添加被交换的方法 看下是否存在该方法
    BOOL didAddMethod = class_addMethod(class,
                                        originalSelector,
                                        method_getImplementation(swizzledMethod),
                                        method_getTypeEncoding(swizzledMethod));
    //创建成功 则说明不存在方法 把空方法替换
    if (didAddMethod) {
        class_replaceMethod(class, swizzledSelector, method_getImplementation(originalMethod), method_getTypeEncoding(originalMethod));
    }
    else
    {
        method_exchangeImplementations(originalMethod, swizzledMethod);
        
    }
}

+ (void)load
{
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        Class class = [self class];
        swizzleMethod(class, @selector(viewDidLoad), @selector(aop_ViewDidLoad));
        swizzleMethod(class, @selector(pushViewController:animated:), @selector(aop_pushViewController:animated:));
        
    });
}

//这时候调用自己,看起来像是死循环
//但是其实自己的实现已经被替换了
- (void)aop_ViewDidLoad
{
    [self aop_ViewDidLoad];
    //用自己的手势接管这些方法
    self.popGestureRecognizer = [[UIPanGestureRecognizer alloc] init];
    self.popGestureRecognizer.maximumNumberOfTouches = 1;
    //禁用系统手势(自定义导航栏默认禁用系统手势,防患于未然)
    self.interactivePopGestureRecognizer.enabled = NO;
    //设置导航栏的背景透明度,后续会提到
    [self.navigationBar ex_setBackgroundAlpha:0]; 
}

- (void)aop_pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
    [self aop_pushViewController:viewController animated:animated];
    if (![self.interactivePopGestureRecognizer.view.gestureRecognizers containsObject:self.popGestureRecognizer]) {
        //加上自己的手势
        [self.interactivePopGestureRecognizer.view addGestureRecognizer:self.popGestureRecognizer];
        //把手势返回事件交给自己的手势
        NSArray *internalTargets = [self.interactivePopGestureRecognizer valueForKey:@"targets"];
        id internalTarget = [internalTargets.firstObject valueForKey:@"target"];
        SEL internalAction = NSSelectorFromString(@"handleNavigationTransition:");
        self.popGestureRecognizer.delegate = self;
        [self.popGestureRecognizer addTarget:internalTarget action:internalAction];
    }
}

手势替换完成之后,需要做手势的兼容的处理

#pragma mark - UIGestureRecognizerDelegate
/**
 *  手势谦让问题
 *
 *  @param gestureRecognizer      手势1
 *  @param otherGestureRecognize 手势2
 *
 *  @return 是否谦让
 */
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldBeRequiredToFailByGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognize
{
    
    if (gestureRecognizer == self.popGestureRecognizer && [otherGestureRecognize isKindOfClass:[UIPanGestureRecognizer class]]) {
        return YES;
    }
    return NO;
}

- (BOOL)gestureRecognizerShouldBegin:(UIPanGestureRecognizer *)gestureRecognizer
{
    //只有一个VC 不响应
    if (self.viewControllers.count <= 1) {
        return NO;
    }
    UIViewController * topViewController = self.viewControllers.lastObject;

    //关闭手势 不响应
    if (topViewController.isClosePopGesture) {
        return NO;
    }
    //开始触摸位置,大于最大响应距离,不响应
    CGPoint beginLocation = [gestureRecognizer locationInView:gestureRecognizer.view];
    
    if (topViewController.maxAllowedInitialDistance == 0 && beginLocation.x > 80) {
        return NO;
    }
    
    if (topViewController.maxAllowedInitialDistance > 0 && beginLocation.x > topViewController.maxAllowedInitialDistance) {
        return NO;
    }
    //反向滑动不响应
    CGPoint translation = [gestureRecognizer translationInView:gestureRecognizer.view];
    if (translation.x <= 0) {
        return NO;
    }
    //正在转场动画,不响应
    if ([[self valueForKey:@"_isTransitioning"] boolValue]) {
        return NO;
    }
    
    return YES;
}

为了方便手势的使用,扩展了UIViewController,添加禁用手势和响应距离两个属性,在手势的代理方法中有用到

#pragma mark - Setter
- (void)setIsClosePopGesture:(BOOL)isClosePopGesture
{
    objc_setAssociatedObject(self, @selector(isClosePopGesture), [NSNumber numberWithBool:isClosePopGesture], OBJC_ASSOCIATION_ASSIGN);
}


- (void)setMaxAllowedInitialDistance:(CGFloat)maxAllowedInitialDistance
{
    objc_setAssociatedObject(self, @selector(maxAllowedInitialDistance), @(maxAllowedInitialDistance), OBJC_ASSOCIATION_RETAIN);
}

#pragma mark - Getter
- (BOOL)isClosePopGesture
{
    BOOL result = [objc_getAssociatedObject(self, @selector(isClosePopGesture)) boolValue];
    return result;
}

- (CGFloat)maxAllowedInitialDistance
{
    CGFloat result = [objc_getAssociatedObject(self, @selector(maxAllowedInitialDistance)) floatValue];
    return result;
}

第二步:UINavigationBar的处理,透明度、偏移、颜色

首先扩展UINavigationBar,向UINavigationBar插入一层视图,用于处理透明度和颜色

- (void)initBackgroundView
{
    if (!self.ex_BackgroundView) {
        [self setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
        [self setShadowImage:[UIImage new]];
        self.ex_BackgroundView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.bounds), 64)];
        self.ex_BackgroundView.userInteractionEnabled = NO;
        self.ex_BackgroundView.autoresizingMask = UIViewAutoresizingFlexibleWidth;    // Should not set `UIViewAutoresizingFlexibleHeight`
        [[self.subviews firstObject] insertSubview:self.ex_BackgroundView atIndex:0];
    }
}

添加透明度和颜色处理逻辑

/**
 *  设置bar的背景颜色
 *
 *  @param backgroundColor 背景颜色
 */
- (void)ex_setBackgroundColor:(UIColor *)backgroundColor
{
    [self initBackgroundView];
    self.ex_BackgroundView.backgroundColor = backgroundColor;
    [self setShadowImage:[UIImage new]];
}


/**
 *  设置bar背景的透明度
 *
 *  @param alpha 透明度
 */
- (void)ex_setBackgroundAlpha:(CGFloat)alpha
{
    [self initBackgroundView];
    self.ex_BackgroundView.alpha = alpha;
    [self setShadowImage:[UIImage new]];
    
}

添加偏移量处理逻辑

/**
 *  设置偏移量
 *
 *  @param translationY 偏移量
 */
- (void)ex_setTranslationY:(CGFloat)translationY
{
    self.transform = CGAffineTransformMakeTranslation(0, translationY);
}
第三步:使用UINavigationBar

这一步其实有纠结了一下,上面的步骤跟提供的轮子逻辑差不多,不过最终我还是选择了保守路线。

1、设置系统UINavigationBar背景透明,只保留上层的UINavigationItem。(实质上保留了系统导航的交互)
2、为UIViewController添加基类/扩展,实例化自己的UINavigationBar,用于管理颜色和透明度。此处需要处理一点逻辑,时刻保持自己添加的UINavigationBar在最上层

- (void)viewWillLayoutSubviews
{
    [super viewWillLayoutSubviews];
    if (self.colorNavBar) {
        [self.view bringSubviewToFront:self.colorNavBar];
    }
}

3、在UIViewController基类/扩展中,提供设置UINavigationBar的方法

/**
 *  设置bar的背景颜色
 *
 *  @param backgroundColor 背景颜色
 */
- (void)ex_setBackgroundColor:(UIColor *)backgroundColor
{
    //设置颜色管理的bar
    [self.colorNavBar ex_setBackgroundColor:backgroundColor];
}


/**
 *  设置bar背景的透明度
 *
 *  @param alpha 透明度
 */
- (void)ex_setBackgroundAlpha:(CGFloat)alpha
{
    //设置颜色管理的bar
    [self.colorNavBar ex_setBackgroundAlpha:alpha];
}

/**
 *  设置偏移量
 *
 *  @param translationY 偏移量
 */
- (void)ex_setTranslationY:(CGFloat)translationY
{
    [self.colorNavBar ex_setTranslationY:translationY];
    [self.navigationController.navigationBar ex_setTranslationY:translationY];
}


/**
 *  子视图的透明度
 *
 *  @param alpha 透明度
 */
- (void)ex_setElementsAlpha:(CGFloat)alpha
{
    [self.navigationController.navigationBar ex_setElementsAlpha:alpha];
}

总结,从上面使用可以看到,我选择了基类持有的UINavigationBar管理颜色、透明度,系统的UINavigationBar管理标题、UINavigationItem等,并保留了系统的交互。

题外话

方案选择的时候,如果是项目上线,尽量选择风险可控、简便的方法。其实Github上有很多轮子,但是并不适合直接拿来使用,可以选择参考其中的逻辑,理解的前提下,修改为最适合项目,风险最低的。码字不易,欢迎指出问题,欢迎大神交流。

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

推荐阅读更多精彩内容