前言
此篇文章是解決導航欄交互問題。例如以下場景：
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上有很多輪子，但是并不適合直接拿來使用，可以選擇參考其中的邏輯，理解的前提下，修改為最適合項目，風險最低的。碼字不易，歡迎指出問題，歡迎大神交流。
