玩转系统导航栏，看我就够了
2017-08-21 本文已影响0人
zhangbo1992
前言
此篇文章是解决导航栏交互问题。例如以下场景：
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上有很多轮子，但是并不适合直接拿来使用，可以选择参考其中的逻辑，理解的前提下，修改为最适合项目，风险最低的。码字不易，欢迎指出问题，欢迎大神交流。
