前言
此篇文章是解決導(dǎo)航欄交互問題。例如以下場(chǎng)景：
1萤晴、進(jìn)入頁(yè)面導(dǎo)航欄透明锁荔，滑動(dòng)該頁(yè)面她奥，導(dǎo)航出現(xiàn)（QQ空間）
2怔蚌、A Push B，A頁(yè)面導(dǎo)航欄黑色功咒、B頁(yè)面白色（微信進(jìn)入看一看）
3愉阎、B Pop A，B頁(yè)面導(dǎo)航欄黑色力奋、A頁(yè)面通明
.....
可能還會(huì)有其他復(fù)雜的場(chǎng)景榜旦，遇到這種情況，下意識(shí)的做法是自定義導(dǎo)航欄景殷，這種做法是最簡(jiǎn)單溅呢，也最容易維護(hù)的，就不過多描述了猿挚。我講的這種方式咐旧，是對(duì)系統(tǒng)導(dǎo)航的修改+簡(jiǎn)單自定義。
在此之前亭饵，我推薦一個(gè)目前比較輕量級(jí)的輪子，喜歡的可以直接拿去用梁厉。這個(gè)方案辜羊，我之前有考慮過，不過最終因?yàn)榉N種原因沒有采用词顾，下面說說我的方案八秃，供大家參考。
正文
講之前先奉上Demo
第一步：手勢(shì)返回處理肉盹，在導(dǎo)航擴(kuò)展類中重載導(dǎo)航類的 +load方法昔驱，進(jìn)行方法替換
/**
* 獲取class的originalSelector 替換成 swizzledSelector
*
* @param class 目標(biāo)類
* @param originalSelector 目標(biāo)方法
* @param swizzledSelector 替換之后的方法
*/
void swizzleMethod(Class class, SEL originalSelector, SEL swizzledSelector)
{
//獲取兩個(gè)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));
//創(chuàng)建成功 則說明不存在方法 把空方法替換
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:));
});
}
//這時(shí)候調(diào)用自己，看起來像是死循環(huán)
//但是其實(shí)自己的實(shí)現(xiàn)已經(jīng)被替換了
- (void)aop_ViewDidLoad
{
[self aop_ViewDidLoad];
//用自己的手勢(shì)接管這些方法
self.popGestureRecognizer = [[UIPanGestureRecognizer alloc] init];
self.popGestureRecognizer.maximumNumberOfTouches = 1;
//禁用系統(tǒng)手勢(shì)(自定義導(dǎo)航欄默認(rèn)禁用系統(tǒng)手勢(shì)上忍，防患于未然)
self.interactivePopGestureRecognizer.enabled = NO;
//設(shè)置導(dǎo)航欄的背景透明度骤肛，后續(xù)會(huì)提到
[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]) {
//加上自己的手勢(shì)
[self.interactivePopGestureRecognizer.view addGestureRecognizer:self.popGestureRecognizer];
//把手勢(shì)返回事件交給自己的手勢(shì)
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];
}
}
手勢(shì)替換完成之后纳本，需要做手勢(shì)的兼容的處理
#pragma mark - UIGestureRecognizerDelegate
/**
* 手勢(shì)謙讓問題
*
* @param gestureRecognizer 手勢(shì)1
* @param otherGestureRecognize 手勢(shì)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
{
//只有一個(gè)VC 不響應(yīng)
if (self.viewControllers.count <= 1) {
return NO;
}
UIViewController * topViewController = self.viewControllers.lastObject;
//關(guān)閉手勢(shì) 不響應(yīng)
if (topViewController.isClosePopGesture) {
return NO;
}
//開始觸摸位置，大于最大響應(yīng)距離腋颠，不響應(yīng)
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;
}
//反向滑動(dòng)不響應(yīng)
CGPoint translation = [gestureRecognizer translationInView:gestureRecognizer.view];
if (translation.x <= 0) {
return NO;
}
//正在轉(zhuǎn)場(chǎng)動(dòng)畫繁成，不響應(yīng)
if ([[self valueForKey:@"_isTransitioning"] boolValue]) {
return NO;
}
return YES;
}
為了方便手勢(shì)的使用，擴(kuò)展了UIViewController淑玫，添加禁用手勢(shì)和響應(yīng)距離兩個(gè)屬性巾腕，在手勢(shì)的代理方法中有用到
#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的處理，透明度絮蒿、偏移尊搬、顏色
首先擴(kuò)展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];
}
}
添加透明度和顏色處理邏輯
/**
* 設(shè)置bar的背景顏色
*
* @param backgroundColor 背景顏色
*/
- (void)ex_setBackgroundColor:(UIColor *)backgroundColor
{
[self initBackgroundView];
self.ex_BackgroundView.backgroundColor = backgroundColor;
[self setShadowImage:[UIImage new]];
}
/**
* 設(shè)置bar背景的透明度
*
* @param alpha 透明度
*/
- (void)ex_setBackgroundAlpha:(CGFloat)alpha
{
[self initBackgroundView];
self.ex_BackgroundView.alpha = alpha;
[self setShadowImage:[UIImage new]];
}
添加偏移量處理邏輯
/**
* 設(shè)置偏移量
*
* @param translationY 偏移量
*/
- (void)ex_setTranslationY:(CGFloat)translationY
{
self.transform = CGAffineTransformMakeTranslation(0, translationY);
}
第三步：使用UINavigationBar
這一步其實(shí)有糾結(jié)了一下佛寿，上面的步驟跟提供的輪子邏輯差不多，不過最終我還是選擇了保守路線回铛。
1狗准、設(shè)置系統(tǒng)UINavigationBar背景透明，只保留上層的UINavigationItem茵肃。（實(shí)質(zhì)上保留了系統(tǒng)導(dǎo)航的交互）
2腔长、為UIViewController添加基類/擴(kuò)展，實(shí)例化自己的UINavigationBar验残，用于管理顏色和透明度捞附。此處需要處理一點(diǎn)邏輯，時(shí)刻保持自己添加的UINavigationBar在最上層
- (void)viewWillLayoutSubviews
{
[super viewWillLayoutSubviews];
if (self.colorNavBar) {
[self.view bringSubviewToFront:self.colorNavBar];
}
}
3您没、在UIViewController基類/擴(kuò)展中鸟召，提供設(shè)置UINavigationBar的方法
/**
* 設(shè)置bar的背景顏色
*
* @param backgroundColor 背景顏色
*/
- (void)ex_setBackgroundColor:(UIColor *)backgroundColor
{
//設(shè)置顏色管理的bar
[self.colorNavBar ex_setBackgroundColor:backgroundColor];
}
/**
* 設(shè)置bar背景的透明度
*
* @param alpha 透明度
*/
- (void)ex_setBackgroundAlpha:(CGFloat)alpha
{
//設(shè)置顏色管理的bar
[self.colorNavBar ex_setBackgroundAlpha:alpha];
}
/**
* 設(shè)置偏移量
*
* @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];
}
總結(jié)，從上面使用可以看到氨鹏，我選擇了基類持有的UINavigationBar管理顏色欧募、透明度，系統(tǒng)的UINavigationBar管理標(biāo)題仆抵、UINavigationItem等跟继，并保留了系統(tǒng)的交互。
題外話
方案選擇的時(shí)候镣丑，如果是項(xiàng)目上線舔糖，盡量選擇風(fēng)險(xiǎn)可控、簡(jiǎn)便的方法莺匠。其實(shí)Github上有很多輪子金吗，但是并不適合直接拿來使用，可以選擇參考其中的邏輯，理解的前提下摇庙，修改為最適合項(xiàng)目旱物，風(fēng)險(xiǎn)最低的。碼字不易跟匆，歡迎指出問題异袄，歡迎大神交流。
