2.UINavigationController的backBarButtonItem、leftBarButtonItem

現(xiàn)象

在使用iOS導(dǎo)航欄時踩上的一些坑，假設(shè)兩個UIViewController：A、B，B是A的子級視圖控制器

  1. 在B上自定義返回鍵backBarButtonItem無效及界面異常
  2. 修改所有UIViewController導(dǎo)航欄的按鈕

原因及解決方法

  1. 問題一：在B上自定義返回鍵backBarButtonItem無效及界面異常，可能原因解決方法如下：
  • 修改返回鍵標(biāo)題無效，在A中設(shè)置了UIViewController的navigationItem.title，如下圖，不設(shè)置時，該值默認(rèn)是nil；如果該A先入棧，而后B入棧，此時棧頂?shù)腂的返回鍵自動被設(shè)置為A的navigationItem.title的值，如果A的title為nil，則B的返回鍵會使用“Back”；
    navigationItem.title的描述

    backBarButtonItem設(shè)置的是下一級navigation的返回鍵
  • 重新定義返回鍵無效，如果要修改B中的backBarButtonItem，可以創(chuàng)建一個新的UIBarButtonItem來替換，直接修改backBarButtonItem的title是無效的
    backBarButtonItem的描述

    推薦使用- (instancetype)initWithCustomView:(UIView *)customView;來自定義不同的樣子；但是如果只是想去掉backBarButtonItem，則可以使用一個空的UIBarButtonItem來替換
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStyleDone target:nil action:nil];

補充：如果不修改內(nèi)容，就是裝飾一下文本，可以使用setTitleTextAttributes:forState:

  • 重定義的返回鍵標(biāo)題重疊，涉及到leftBarButtonItem，這個的使用場景有點像淘寶和微信的文章，使用在導(dǎo)航欄左側(cè)需要多個按鈕時，比如‘Back’、‘Close’多個并列存在的情況，也可以用leftBarButtonItem來設(shè)置為一個返回鍵，但是需要設(shè)置backBarButtonItem為空或使用hidesBackButton隱藏 (2017.09.04修改)，不然會出現(xiàn)兩個標(biāo)題重疊的情況，leftBarButtonItem的設(shè)置方法參考backBarButtonItem的設(shè)置方法，還可以批量設(shè)置多個，使用leftBarButtonItems。
    leftBarButtonItem和leftBarButtonItems
  1. 問題二：修改所有UIViewController導(dǎo)航欄的按鈕
    實際運用中，像導(dǎo)航欄這樣幾乎所有UIViewController都會用到的東西基本應(yīng)該在項目開始就準(zhǔn)備后，如果要修改屬性，秉持優(yōu)化代碼的精神，也應(yīng)該在一處修改，然后在所有其他地方都生效，因此，這里有兩種方法：
  • 繼承UIViewController重寫導(dǎo)航欄，繼承UIViewController，自定義一個導(dǎo)航欄，隱藏系統(tǒng)的導(dǎo)航欄，然后在需要導(dǎo)航欄的地方用一句代碼實現(xiàn)創(chuàng)建導(dǎo)航欄。
    如我使用過的一個：QHBasicViewController（來源已不可考）
    QHBasicViewController.h 
#import <UIKit/UIKit.h>

@interface QHBasicViewController : UIViewController

@property (nonatomic, strong) UILabel* navTitleLabel;///導(dǎo)航欄標(biāo)題
@property (nonatomic, strong, readonly) UIView *navView;///導(dǎo)航欄,只讀
@property (nonatomic, strong) UIImageView* navBackgroundView;///導(dǎo)航欄背景
@property (nonatomic, strong, readonly) UIView* leftV;///導(dǎo)航欄左側(cè)View，只讀
@property (nonatomic, strong, readonly) UIView *rightV;///導(dǎo)航欄右側(cè)View，只讀

/** 創(chuàng)建導(dǎo)航欄
 * @param szTitle 導(dǎo)航欄標(biāo)題
 * @param menuItem block回調(diào)，需要在這里定義導(dǎo)航欄上的各個按鈕
 */
- (void)createNavWithTitle:(NSString *)szTitle createMenuItem:(UIView *(^)(int nIndex))menuItem;

@end

QHBasicViewController.m

#import "QHBasicViewController.h"
#import "HHUtil.h"

#define StatusbarHeight ((isIos7 >= 7 && __IPHONE_OS_VERSION_MAX_ALLOWED > __IPHONE_6_1)?20.f:0.f)

#pragma mark - QHBasicViewController
@interface QHBasicViewController ()
{
}

@end

@implementation QHBasicViewController


- (void)viewWillAppear:(BOOL)animated
{
    //隱藏UIViewController的導(dǎo)航欄
    [[self navigationController] setNavigationBarHidden:YES];
    [super viewWillAppear:TRUE];
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
}

- (void)createNavWithTitle:(NSString *)szTitle createMenuItem:(UIView *(^)(int nIndex))menuItem
{
    const CGFloat screenWidth = [[UIScreen mainScreen] bounds].size.width;
    const CGFloat navigationViewHeigth = 44.f;
    const CGFloat _nSpaceNavY = (isIos7 >= 7 && __IPHONE_OS_VERSION_MAX_ALLOWED > __IPHONE_6_1) ? 0 : 20;
    UIImageView *navIV = [[UIImageView alloc] initWithFrame:CGRectMake(0, _nSpaceNavY, screenWidth, 64 - _nSpaceNavY)];
    [navIV setImage:[UIImage imageNamed:@"bg_nav.png"]];
    _navBackgroundView = navIV;
    [self.view addSubview:navIV];
    
    /* { 導(dǎo)航條 } */
    _navView = [[UIImageView alloc] initWithFrame:CGRectMake(0.f, StatusbarHeight, screenWidth, navigationViewHeigth)];
    ((UIImageView *)_navView).backgroundColor = [UIColor clearColor];
    [self.view addSubview:_navView];
    _navView.userInteractionEnabled = YES;
    //
    if (szTitle != nil)
    {
        UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake((_navView.bounds.size.width - 240)/2, (_navView.bounds.size.height - 40)/2, 240, 40)];
        [titleLabel setText:szTitle];
        [titleLabel setTextAlignment:NSTextAlignmentCenter];
        [titleLabel setTextColor:[UIColor whiteColor]];
        [titleLabel setFont:[UIFont boldSystemFontOfSize:18]];
        [titleLabel setBackgroundColor:[UIColor clearColor]];
        titleLabel.numberOfLines = 2;
        _navTitleLabel = titleLabel;
        [_navView addSubview:_navTitleLabel];
    }
    //
    UIView *item1 = menuItem(0);
    if (item1 != nil)
    {
        _leftV = item1;
        [_navView addSubview:item1];
    }
    UIView *item2 = menuItem(1);
    if (item2 != nil)
    {
        _rightV = item2;
        [_navView addSubview:item2];
    }
}
@end

在創(chuàng)建你自己的UIViewController的時候，需要做的就是繼承QHBasicViewController而不是UIViewController，然后在viewDidLoad的時候createNavWithTitle: createMenuItem:創(chuàng)建導(dǎo)航欄，然后在塊回調(diào)中定義你自己的按鈕。

  • 繼承UINavigationController重寫push方法，繼承UINavigationController方法，重寫push方法，在push前后統(tǒng)一修改backBarButtonItem、leftBarButtonItem和rightBarButtonItem，甚至其它的導(dǎo)航欄設(shè)置，比如自定義titleView，導(dǎo)航欄背景之類的。
    奉上個人做的一個例子：
    HHNavigationController.h 
#import <UIKit/UIKit.h>

@interface HHNavigationController : UINavigationController

/** 重載的initWithRootViewController:方法，附帶初始化導(dǎo)航欄
 * @param rootViewController 視圖控制器
 */
- (instancetype)initWithRootViewController:(UIViewController *)rootViewController;

@end

HHNavigationController.m

#import "HHNavigationController.h"
#import <MediaPlayer/MediaPlayer.h>

@interface HHNavigationController ()<UIGestureRecognizerDelegate>

@property (nonatomic, strong) UIBarButtonItem *backBarButtonItm;

@end

@implementation HHNavigationController

- (instancetype)initWithRootViewController:(UIViewController *)rootViewController
{
    self = [super initWithRootViewController:rootViewController];
    if (self) {
        //設(shè)置導(dǎo)航欄和狀態(tài)欄字體顏色為白色，導(dǎo)航欄背景設(shè)置為綠色
        rootViewController.navigationController.navigationBar.barTintColor = RGBA(129, 164, 128, 1);//導(dǎo)航欄為綠色
        rootViewController.navigationController.navigationBar.barStyle = UIBarStyleBlack;//狀態(tài)欄字體為白色
        rootViewController.navigationController.navigationBar.translucent = NO;//導(dǎo)航欄不透明
        //設(shè)置側(cè)滑滑動返回
        self.interactivePopGestureRecognizer.delegate = self;
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - action
-(void)onBack
{
    [self popViewControllerAnimated:YES];
}

#pragma mark - back button
-(UIBarButtonItem *)backBarButtonItm
{
    if (!_backBarButtonItm) {
        UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        backBtn.frame = CGRectMake(0, 0, 30, 30);
        [backBtn setImage:[UIImage imageNamed:@"btn_back"] forState:UIControlStateNormal];
        [backBtn addTarget:self action:@selector(onBack) forControlEvents:UIControlEventTouchUpInside];
        UIBarButtonItem *backBarItm = [[UIBarButtonItem alloc] initWithCustomView:backBtn];
        _backBarButtonItm = backBarItm;
    }
    return _backBarButtonItm;
}

#pragma mark - Override
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated {
    viewController.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:nil style:UIBarButtonItemStyleDone target:nil action:nil];//返回鍵置空
    [super pushViewController:viewController animated:animated];
    if (viewController.navigationItem.leftBarButtonItem == nil && [self.viewControllers count] > 1) {
        //設(shè)置返回鍵
        viewController.navigationItem.leftBarButtonItem = self.backBarButtonItm;
        //設(shè)置導(dǎo)航欄和狀態(tài)欄字體顏色為白色，導(dǎo)航欄背景設(shè)置為綠色
        viewController.navigationController.navigationBar.barTintColor = RGBA(129, 164, 128, 1);//導(dǎo)航欄為綠色
        viewController.navigationController.navigationBar.barStyle = UIBarStyleBlack;//狀態(tài)欄字體為白色
        viewController.navigationController.navigationBar.translucent = NO;//導(dǎo)航欄不透明
    }
}
@end

缺點

  • 原生的導(dǎo)航欄雖然方便，但是犧牲了很多便利，自定義起來比較麻煩，特別是如果要求動畫的話（這個需求很正常），基本就用不了只能自己寫一個偽導(dǎo)航欄來替代
  • 不容易統(tǒng)一，如果使用present方法，呈現(xiàn)的方式都不同，也不會有導(dǎo)航欄，雖然有方法加導(dǎo)航欄，但是還是有差異，也容易給代碼的編寫造成困擾
  • 難定制，遇到定制需求，由于backBarButtonItem本身要求的在加載到bar之前設(shè)置好的限制，很難動態(tài)的變化

修改

2017.09.02 16:13 V1.0 Create
2017.09.04 09:36 V1.1 添加backBarButtonItem的隱藏方法介紹

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4贊 61
  • 1,Search Bar 怎樣去掉背景的顏色（storyboard里只能設(shè)置background顏色，可是發(fā)現(xiàn)cl...
    以德扶人閱讀 2,461評論 2贊 50
  • #iOS開發(fā)之UI篇#iOS開發(fā)之UI篇 #常用控件介紹1## #UI第09天：滾動視圖# ##UIScrollV...
    LennonLin閱讀 1,797評論 0贊 0
  • MVC 我們學(xué)習(xí)了koa處理url，Nunjucks渲染模塊，但我們?nèi)ソY(jié)合著兩個的時候。當(dāng)一個用戶請求URL，ko...
    _panda閱讀 1,414評論 0贊 0
  • 像迷路的南遷鳥兒 一心飛往溫暖的南方 沒有方向的旅行 還忘卻了路上的風(fēng)景 像在旅途發(fā)呆的鳥兒 任秋風(fēng)帶走思緒 剩下...
    路過且錯過閱讀 356評論 0贊 3