關於iOS導覽列返回按鈕問題的解決方案_IOS

最近遇到一個關於導覽列返回按鈕的問題，因為之前項目裡面都是用的系統預設的返回按鈕樣式所以沒有想過要去更改，後來有需要將返回按鈕箭頭旁邊的文字去掉，同時將該返回按鈕的點擊事件重新定義。一開始嘗試自訂按鈕然後設定為leftBarButtonItem，但是這樣圖片可能跟系統內建的不一樣，還有就是返回按鈕的位置跟系統內建的不一樣。後來找了一些資料，發現將文字去掉比較簡單，一般做法是控制器中添加如下代碼，然後他的下一級控制就有一個只有箭頭沒有文字返回按鈕：

複製代碼 代碼如下:

UIBarButtonItem *backBtn = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
self.navigationItem.backBarButtonItem = backBtn;

也可以建立一個根控制器在其中使用上述代碼然後讓其他控制器繼承這個根控制器實現大量操作。但是如果遇到需要自訂該返回的點擊事件的時候，在上面方法中添加target與action是不可行的，同時這種做法也會產生一個問題，就是實際的返回按鈕點擊地區總是比按鈕看到的範圍大，一般是距離箭頭右邊30距離都可點擊。接下來我就帶大家一起瞭解這些問題產生的原因以及如何更好的解決這些問題。

　　首先我們看一下按照上面代碼去掉返回按鈕文字之後的導覽列視圖的結構層次，因為導覽列的視圖載入以及初始化跟viewController的view不一樣，不能再veiwDidLoad中去觀察（viewWillAppear中也不行）要在viewDidLoad中才可以看到完整的導覽列視圖結構層次。我們可以在一個有去掉文字的返回按鈕控制器的viewDidLoad中打上斷點然後在控制台執行：

po [[UIWindow keyWindow] recursiveDescription]
會得到如下輸出：

<UIWindow: 0x8d6f970; frame = (0 0; 320 480); autoresize = W+H; gestureRecognizers = <NSArray: 0x8d5dbf0>; layer = <UIWindowLayer: 0x8d717d0>> | <UILayoutContainerView: 0x8d7bbf0; frame = (0 0; 320 480); autoresize = W+H; gestureRecognizers = <NSArray: 0x8d78a70>; layer = <CALayer: 0x8d7bcd0>> | | <UINavigationTransitionView: 0x8d813f0; frame = (0 0; 320 480); clipsToBounds = YES; autoresize = W+H; layer = <CALayer: 0x8d814d0>> | | | <UIViewControllerWrapperView: 0x8d61050; frame = (0 0; 320 480); autoresize = W+H; userInteractionEnabled = NO; layer = <CALayer: 0x8d88f40>> | | | | <UIView: 0x8ab0dc0; frame = (0 0; 320 480); autoresize = RM+BM; layer = <CALayer: 0x8ab0610>> | | | | | <_UILayoutGuide: 0x8ab0e20; frame = (0 0; 0 64); hidden = YES; layer = <CALayer: 0x8ab0e90>> | | | | | <_UILayoutGuide: 0x8ab1080; frame = (0 480; 0 0); hidden = YES; layer = <CALayer: 0x8ab10f0>> | | <UINavigationBar: 0x8d75c40; frame = (0 20; 320 44); opaque = NO; autoresize = W; userInteractionEnabled = NO; gestureRecognizers = <NSArray: 0x8d5e750>; layer = <CALayer: 0x8d70f00>> | | | <_UINavigationBarBackground: 0x8d59af0; frame = (0 -20; 320 64); opaque = NO; autoresize = W; userInteractionEnabled = NO; layer = <CALayer: 0x8d549f0>> - (null) | | | | <_UIBackdropView: 0x8d7c440; frame = (0 0; 320 64); opaque = NO; autoresize = W+H; userInteractionEnabled = NO; layer = <_UIBackdropViewLayer: 0x8d7e7b0>> | | | | | <_UIBackdropEffectView: 0x8d7f1c0; frame = (0 0; 320 64); clipsToBounds = YES; opaque = NO; autoresize = W+H; userInteractionEnabled = NO; animations = { filters.colorMatrix.inputColorMatrix=<CABasicAnimation: 0x8ba4490>; }; layer = <CABackdropLayer: 0x8d7f480>> | | | | | <UIView: 0x8d7fc80; frame = (0 0; 320 64); hidden = YES; opaque = NO; autoresize = W+H; userInteractionEnabled = NO; layer = <CALayer: 0x8d7fce0>> | | | | <UIImageView: 0x8d67cc0; frame = (0 64; 320 0.5); userInteractionEnabled = NO; layer = <CALayer: 0x8d67d50>> - (null) | | | <UINavigationItemView: 0x8ab6400; frame = (124 8; 163 27); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x8ab6480>> | | | | <UILabel: 0x8ab64b0; frame = (0 3; 163 22); text = 'A Story About a Fish'; clipsToBounds = YES; opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x8ab6550>> | | | <UINavigationItemButtonView: 0x8ab6c80; frame = (8 6; 41 30); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x8ab6d60>> | | | | <UILabel: 0x8ab6f10; frame = (-981 -995; 91 22); text = ''; clipsToBounds = YES; opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x8ab6fb0>> | | | <_UINavigationBarBackIndicatorView: 0x8d87560; frame = (8 12; 12.5 20.5); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x8d87650>> - Back

直接看或許不容易懂，還需要結合Xcode的“Debug view Hierarchy”或者是Reveal工具看實際視圖結構：

我們可以看到在UINavigationBar中包含有4個類，它們大致的作用是：

_UINavigationBarBackground ：(UIImageView)導覽列背景圖(不可以直接設定圖片)
UINavigationItemView ：(UIView)包含顯示導覽列標題
UINavigationItemButtonView ：(UIView)包含顯示導覽列左視圖（不可移除，更改大小，顏色，可以隱藏，決定了點擊地區的大小）
_UINavigationBarBackIndicatorView ：(UIImageView)導覽列返回按鈕箭頭圖片（不可以修改圖片）
_UINavigationBarBackIndicatorView就是返回按鈕的箭頭也就是我們需要保留的，UINavigationItemButtonView就是我們需要研究的也是我們前面提到問題的主要原因所在。再次看看這個對象在控制台的輸出：

 | | | <UINavigationItemButtonView: 0x8ab6c80; frame = (8 6; 41 30); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x8ab6d60>> | | | | <UILabel: 0x8ab6f10; frame = (-981 -995; 91 22); text = ''; clipsToBounds = YES; opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x8ab6fb0>>

這個UINavigationItemButtonView應該是系統在這個view的draw方法裡就決定frame，修改frame就觸發needdisplay重新改變它的frame，因此這個view只會根據其上的label（也就是返回按鈕顯示的文字）的內容變化而改變寬度其餘基本不可變，我們雖然將label的內容設定為空白但是這個UINavigationItemButtonView的大小卻並沒有改變同時點擊地區也沒有改變。從控制台裡的還可看到這個veiw的userInteractionEnabled屬性為NO，如果說點擊的是這個view，但現在這個view是不可互動的，只能說明是真正響應點擊事件的是這個view背後的某個控制項（視圖結構和代碼裡都沒有發現這個控制項）。因此要想解決我之前提到的問題就得利用這個UINavigationItemButtonView，我們可以在viewDidAppear中取得到UINavigationItemButtonView（如果用遍曆的方式擷取會有一個延遲，因為這個view的位置固定為第三個所以我們就直接擷取就可以了），將其userInteractionEnabled設定為yes並且在這個View上添加手勢tap事件即可：

UIView *nav_back = [self.navigationController.navigationBar.subviews objectAtIndex:2];if ([nav_back isKindOfClass:NSClassFromString(@"UINavigationItemButtonView")]) {  nav_back.userInteractionEnabled = YES;  // UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(backAction:)];  // [nav_back addGestureRecognizer:tap];  UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];  backButton.frame = CGRectMake(0, 0, 20, 21);  [backButton addTarget:self action:@selector(customMethod) forControlEvents:UIControlEventTouchUpInside];  [nav_back addSubview:backButton]; }

這樣可以改變返回按鈕的點擊事件，此時想要解決點擊範圍只能在這個view上添加一個指定大小的按鈕了。最後總結出來的解決辦法就是建立一個viewController的分類:

UIViewController+CustomBackButton.h檔案#import <UIKit/UIKit.h>@interface UIViewController (CustomBackButton)- (void)customNavBackButtonMethod;@endUIViewController+CustomBackButton.m檔案#import "UIViewController+CustomBackButton.h"#import <objc/runtime.h>@implementation UIViewController (CustomBackButton)+ (void)load { static dispatch_once_t onceToken; dispatch_once(&onceToken, ^{  Class class = [self class];    SEL originalSelector = @selector(viewDidLoad);  SEL swizzledSelector = @selector(mm_viewDidLoad);    SEL originalSelector1 = @selector(viewDidAppear:);  SEL swizzledSelector1 = @selector(mm_viewDidAppear);    Method originalMethod = class_getInstanceMethod(class, originalSelector);  Method swizzledMethod = class_getInstanceMethod(class, swizzledSelector);    Method originalMethod1 = class_getInstanceMethod(class, originalSelector1);  Method swizzledMethod1 = class_getInstanceMethod(class, swizzledSelector1);    BOOL didAddMethod = class_addMethod(class, originalSelector, method_getImplementation(swizzledMethod), method_getTypeEncoding(swizzledMethod));  BOOL didAddMethod1 = class_addMethod(class, originalSelector1, method_getImplementation(swizzledMethod1), method_getTypeEncoding(swizzledMethod1));  if (didAddMethod) {   class_replaceMethod(class, swizzledSelector, method_getImplementation(originalMethod), method_getTypeEncoding(originalMethod));  } else {   method_exchangeImplementations(originalMethod, swizzledMethod);  }    if (didAddMethod1) {   class_replaceMethod(class, swizzledSelector1, method_getImplementation(originalMethod1), method_getTypeEncoding(originalMethod1));  } else {   method_exchangeImplementations(originalMethod1, swizzledMethod1);  } });}#pragma mark - Method Swizzling- (void)mm_viewDidLoad { [self mm_viewDidLoad]; UIBarButtonItem *backButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil]; [self.navigationItem setBackBarButtonItem:backButtonItem];}- (void)mm_viewDidAppear { [self mm_viewDidAppear]; UIView *nav_back = [self.navigationController.navigationBar.subviews objectAtIndex:2]; if ([nav_back isKindOfClass:NSClassFromString(@"UINavigationItemButtonView")]) {  nav_back.userInteractionEnabled = YES;  // UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(backAction:)];  // [nav_back addGestureRecognizer:tap];  UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];  backButton.frame = CGRectMake(0, 0, 20, 21);  [backButton addTarget:self action:@selector(customNavBackButtonMethod) forControlEvents:UIControlEventTouchUpInside];  [nav_back addSubview:backButton]; }}- (void)customNavBackButtonMethod { [self.navigationController popViewControllerAnimated:YES];}@end

在項目裡面建立完以後就會生效。這裡所做的就是在所有的viewController執行viewDidLoad的時候將返回按鈕的文字置空，在執行viewDidAppear的時候添加一個自訂的按鈕去響應pop事件。如果遇到需要自訂返回事件我在.h將返回事件開放出來，只要在對應的viewDidLoad中複寫customNavBackButtonMethod方法就可以在點擊返回按鈕時執行到你複寫的方法中了，好了，是不是感覺很簡單呢。