iOS自訂NavigationBar

標籤：

日常開發中少不了用到UINavigationController，但是很多情況都要自訂NavigationBar。依稀記得自己剛開始也踩了好多坑，湊今天有空，就把想到的寫下來。有時間了，考慮再把自訂TabBar寫一下。

1.修改Navigationbar

navigationBar其實有三個子視圖，leftBarButtonItem，rightBarButtonItem，以及titleView。

1.1  方法一：alloc一個UINavigationBar ，並給alloc出來的NavigationBar設定button及view，與系統的NavigationBar沒有著明顯區別。如果在沒有NavigationController管理的時候想要添加一個NavigationBar，就這方法還是可以的。。。但是添加到可以滾動的視圖（如tableView）的時候，會隨著視圖的滾動而滾動，不建議使用，代碼就不貼了。

1.2 方法二： 修改系統UINavigationBar的leftBarButtonItem，rightBarButtonItem，以及titleView

//設定左button    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc] initWithTitle:@"left" style:UIBarButtonItemStyleDone target:self action:@selector(test)];    self.navigationItem.leftBarButtonItem = leftItem;

//設定右button

　　UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithTitle:@"button" style:UIBarButtonItemStyleDone target:self action:@selector(test)];　　self.navigationItem.rightBarButtonItem = rightItem;

    //修改titleView字型顏色    NSDictionary *dic = [NSDictionary dictionaryWithObject:[UIColor redcolor] forKey:NSForegroundColorAttributeName];    self.navigationController.navigationBar.titleTextAttributes = dict;

navigationBar的半透明效果，可以通過

self.navigationController.navigationBar.translucent = NO;

關閉。

1.3 隱藏navigationBar，自訂View代替navigationBar

此方法簡單粗暴。自訂性強，一個普通的UIView，可以在任何位置放置自己想要的任何控制項，設定各種顏色。

問題在與子視圖布局的時候需要注意起始Y值為64（狀態列20 + navigationBar 44）。視圖過多的時候是很讓人崩潰的一件事。

    self.navigationController.navigationBarHidden = NO;    self.headerView = [[[NSBundle mainBundle] loadNibNamed:@"HeaderView" owner:nil options:nil]lastObject];    [self.headerView.menuButton addTarget:self action:@selector(showMenu:) forControlEvents:UIControlEventTouchUpInside];    self.headerView.frame = CGRectMake(0, 20, kScreenW, 44);    [self.view addSubview:self.headerView];

1.4  將自訂View添加到titleView上

不隱藏navigationBar，然後將自訂的View添加到titleView上，好處在於，不用考慮座標問題。和系統的navigationBar使用起來一樣簡單，還增加了自訂性。唯一不足是titleView的frame不是整個navigationBar，看起來顏色不統一，解決方案是將navigationBar背景顏色調整為和自訂View一樣。

    self.navigationController.navigationBarHidden = NO;    HeaderView *headerView = [[[NSBundle mainBundle] loadNibNamed:@"HeaderView" owner:nil options:nil]lastObject];    headerView.frame = CGRectMake(0, 20, kScreenW, 44);    self.navigationController.navigationBar.translucent = NO;    self.navigationItem.hidesBackButton = YES;    //navigationBar顏色與headerView顏色相同    self.navigationController.navigationBar.backgroundColor = [UIColor whiteColor];    self.navigationItem.titleView = headerView;

 

iOS自訂NavigationBar