NavigationController已經(jīng)洗干凈了,就等你來

好久沒有更新博客了,近日把項目中遇到的NavigationController 相關技術點梳理一下,與大家共同分享

首先來點基礎的屬性

一. 基本屬性

  • 設置顏色
    如果項目中 Navigation 都是統(tǒng)一的,而你又懶得單獨抽取一個BaseNavigationController,可以直接在 [appDelegate didFinishLaunchingWithOptions]方法中寫
//設置NavigationBar背景顏色
[[UINavigationBar appearance] setBarTintColor:[UIColor redColor]];

// 通過富文本設置title 樣式(這里也可以通過自定義Label,然后設置 titleView 來實現(xiàn))
[[UINavigationBar appearance] setTitleTextAttributes:@{
                    NSForegroundColorAttributeName : [UIColor whiteColor]
                                                           }];

// 設置狀態(tài)欄格式,如果 NavigationBar 為深色調,就設置為 UIBarStyleBlack,則狀態(tài)欄顯示為白色
[[UINavigationBar appearance] setBarStyle:UIBarStyleBlack];
  • 實現(xiàn) NavigationBar 透明效果
    實現(xiàn)透明可能大家第一個想到的是 設置 alpha 值,但是由于設置了作為父控件的 NavigationBar 的透明度后,其子控件 BarButtonItem 也會隨之改變,因此想要實現(xiàn)導航欄透明,但是 BarButtonItem 正常顯示(類似 手機QQ 的好友動態(tài)頁),可以采用下面的方法
// 設置一個空的圖片背景圖片,就能實現(xiàn)導航欄透明但是 BarButtonItem 正常顯示
[self.navigationController.navigationBar setBackgroundImage:[UIImage new]
                                                forBarMetrics:UIBarMetricsDefault];

然而設置之后乍一看沒問題,可仔細一看你會發(fā)現(xiàn)NavigationBar下面還有一條細線,這個細線就是shadow


快看那條淡淡的細線!

層級關系圖

可通過以下代碼來去掉

// 設置一個空的 shadowImage 來實現(xiàn)
self.navigationController.navigationBar.shadowImage = [UIImage new];

那么有同學可能要問了,一直透明的可以通過上述方法來實現(xiàn),那如果想要隨著 上拉距離的改變,實現(xiàn)其透明度動態(tài)變化要怎么做?

// 這個就要監(jiān)聽 scrollView 的 offset
// 然后獲取到 NavigationBar復合視圖 的顯示子控件,動態(tài)改變其透明度
[[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不一定是我們想要的,但是自定義改變之后,會發(fā)現(xiàn)側滑返回的手勢不好使了


#warning 這時候就需要在當前 VC 中設置手勢代理了
self.interactivePopGestureRecognizer.delegate = self;

// 實現(xiàn)代理方法:返回 YES,則手勢有效
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
    //當導航控制器的子控制器個數(shù) 大于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];
}
  • 如果要實現(xiàn)如下效果的導航欄,設置 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];
  • 現(xiàn)在要實現(xiàn) C pop 到 D,由于 navigationController.childViewControllers 是只讀的,因此不能直接對其進行操作


    navigationController.childViewControllers 是只讀的
// 建立可變拷貝對象,然后進行替換操作
NSMutableArray *navChildMArr = [self.navigationController.childViewControllers mutableCopy];
[navChildMArr replaceObjectAtIndex:1 withObject:D];

// 當然,最后再將替換后的數(shù)組賦值回去不要忘了
[self.navigationController setViewControllers:navChildMArr animated:YES];

#warning 至于寫上面這串代碼的時機:寫在 B push C 之后可以,寫在 C 的 viewDidLoad() 方法中也可以

最后的效果如圖

對,效果如圖
就四這么簡單!

如果有其他問題,可以在留言處寫下來,不定期更新

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

推薦閱讀更多精彩內容