好久沒有更新博客了,近日把項目中遇到的NavigationController 相關技術點梳理一下,與大家共同分享
一. 基本屬性
- 設置顏色
如果項目中 Navigation 都是統一的,而你又懶得單獨抽取一個BaseNavigationController,可以直接在 [appDelegate didFinishLaunchingWithOptions]方法中寫
//設置NavigationBar背景顏色
[[UINavigationBar appearance] setBarTintColor:[UIColor redColor]];
// 通過富文本設置title 樣式(這里也可以通過自定義Label,然后設置 titleView 來實現)
[[UINavigationBar appearance] setTitleTextAttributes:@{
NSForegroundColorAttributeName : [UIColor whiteColor]
}];
// 設置狀態欄格式,如果 NavigationBar 為深色調,就設置為 UIBarStyleBlack,則狀態欄顯示為白色
[[UINavigationBar appearance] setBarStyle:UIBarStyleBlack];
- 實現 NavigationBar 透明效果
實現透明可能大家第一個想到的是 設置 alpha 值,但是由于設置了作為父控件的 NavigationBar 的透明度后,其子控件 BarButtonItem 也會隨之改變,因此想要實現導航欄透明,但是 BarButtonItem 正常顯示(類似 手機QQ 的好友動態頁),可以采用下面的方法
// 設置一個空的圖片背景圖片,就能實現導航欄透明但是 BarButtonItem 正常顯示
[self.navigationController.navigationBar setBackgroundImage:[UIImage new]
forBarMetrics:UIBarMetricsDefault];
然而設置之后乍一看沒問題,可仔細一看你會發現NavigationBar下面還有一條細線,這個細線就是shadow
可通過以下代碼來去掉
// 設置一個空的 shadowImage 來實現
self.navigationController.navigationBar.shadowImage = [UIImage new];
那么有同學可能要問了,一直透明的可以通過上述方法來實現,那如果想要隨著 上拉距離的改變,實現其透明度動態變化要怎么做?
// 這個就要監聽 scrollView 的 offset
// 然后獲取到 NavigationBar復合視圖 的顯示子控件,動態改變其透明度
[[self.navigationController.navigationBar subviews] objectAtIndex:0].alpha = 0;
既然講到這里了就說下來回 push 或 pop,以及使用手勢來返回的時候,上下層級之間 NavigationBar 隱藏與否的設置,因為如果這里沒處理好的話,會有一個黑條,或者直接顯示下一層級的視圖,體驗特別差,這時候就需要通過動畫的方式的在下一層級進行設置
- (void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
// 當前 VC 需要顯示 navigationBar 就設置為 NO,需要隱藏就設置為 YES
[self.navigationController setNavigationBarHidden:YES animated:YES];
}
-
側滑手勢相關
很多時候,leftBarButtonItem需要自定義,因為默認的顯示上一層級的title不一定是我們想要的,但是自定義改變之后,會發現側滑返回的手勢不好使了
#warning 這時候就需要在當前 VC 中設置手勢代理了
self.interactivePopGestureRecognizer.delegate = self;
// 實現代理方法:返回 YES,則手勢有效
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
//當導航控制器的子控制器個數 大于1 手勢才有效
return self.childViewControllers.count > 1;
}
- 由于項目中同一個 VC,有時候是 modal 出來的,有時候是 push 出來的,那么在這個VC中就要判斷進行處理
NSArray *viewcontrollers=self.navigationController.viewControllers;
if (viewcontrollers.count > 1) {
if ([viewcontrollers objectAtIndex:viewcontrollers.count - 1] == self) {
// push方式
[self.navigationController popViewControllerAnimated:YES];
}
} else {
// present方式
[self dismissViewControllerAnimated:YES completion:nil];
}
-
如果要實現如下效果的導航欄,設置 leftBarButtonItems 和 rightBarButtonItems 即可
喂!焦點在 NavigationBar,老看 tableView 干啥! -
關于 rootVC 的 offset,先來看幾個 ViewController 的屬性
iOS7以后默認設置是 UIRectEdgeAll,translucent 的默認值是 true,這個組合會使 rootView 的布局從 (0, 0) 開始,就會造成 rootView 被 NavigationBar 遮擋住一部分,將 edgesForExtendedLayout 設置為 UIRectEdgeNone 即可解決問題
automaticallyAdjustsScrollViewInsets 默認值是 YES,表示在全屏下會自動將 第一個添加到 rootVC 的 ScrollView 的 contentInset 設置為 (64, 0, 0, 0),這樣 scrollView 就不會被導航欄遮擋住了
二. 來回跳轉
項目中有個需求是A push 到 B, B push 到 C, C pop 到 D,D 再 pop到 A,就好比這樣:
- 首先 A push 到 B,直接使用
[self.navigationController pushViewController:B animated:YES];
// 此時 self.navigationController.childViewControllers = [A, B];
- 然后 B push 到 C,同理
[self.navigationController pushViewController:C animated:YES];
// 此時 self.navigationController.childViewControllers = [A, B, C];
-
現在要實現 C pop 到 D,由于 navigationController.childViewControllers 是只讀的,因此不能直接對其進行操作
navigationController.childViewControllers 是只讀的
// 建立可變拷貝對象,然后進行替換操作
NSMutableArray *navChildMArr = [self.navigationController.childViewControllers mutableCopy];
[navChildMArr replaceObjectAtIndex:1 withObject:D];
// 當然,最后再將替換后的數組賦值回去不要忘了
[self.navigationController setViewControllers:navChildMArr animated:YES];
#warning 至于寫上面這串代碼的時機:寫在 B push C 之后可以,寫在 C 的 viewDidLoad() 方法中也可以
最后的效果如圖
如果有其他問題,可以在留言處寫下來,不定期更新