UINavigationController

一、UINavigationController介紹

1.1、簡介

UINavigationController manages a stack of view controllers and a navigation bar.
It performs horizontal view transitions for pushed and popped views while keeping the navigation bar in sync.

Most clients will not need to subclass UINavigationController.

If a navigation controller is nested in a tabbar controller, it uses the title and toolbar attributes of the bottom view controller on the stack.

UINavigationController is rotatable if its top view controller is rotatable.
Navigation between controllers with non-uniform rotatability is currently not supported.

導航控制器,可以輕松完成多個控制器之間的切換,其結構包含導航條、棧頂控制器的view、導航控制器的view。導航控制器需要設置一個根控制器,一般是UIViewController.

image

UINavigationBar: 是一個View,NavigaitonBar就是導航欄,位于屏幕的上方,管理整個NavigationController的navigationItem,即類似navigationController一樣提供了一個棧來管理item。

UINavigationItem: 是一個NSObject,一般使用在self.navigationItem, 包含了當前頁面導航欄上需要顯示的全部信息(
title,prompt,titleView,leftBarButtonItem,rightBarButtonItem,backBarButonItem )。其中UIBarButtonItem是一個UIBarItem,是一種專門放在UINavigationBar上的特殊button。

UIToolbar: 是tool條,包括image,文字title

1.2、基本使用

1、初始化

UINavigationController *nav = [[UINavigationController alloc] init];

2、設置

 window.rootViewController = nav;
 [window makeKeyAndVisible];

3、基本方法

 1 //UINavigationController以棧的形式保存子控制器
 2 @property(nonatomic,copy) NSArray *viewControllers;
 3 @property(nonatomic,readonly) NSArray *childViewControllers;
 4 
 5 //使用push方法能將某個控制器壓入棧
 6 - (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated; 
 7 
 8 //使用pop方法可以移除控制器
 9 //將棧頂的控制器移除
10 - (UIViewController *)popViewControllerAnimated:(BOOL)animated;
11 //回到指定的子控制器
12 - (NSArray *)popToViewController:(UIViewController *)viewController animated:(BOOL)animated;
13 //回到根控制器(棧底控制器)
14 - (NSArray *)popToRootViewControllerAnimated:(BOOL)animated;

4、修改導航欄的基本內容

 1 //導航欄的內容由棧頂控制器的navigationItem屬性決定
 2 
 3 //UINavigationItem有以下屬性影響著導航欄的內容
 4 //左上角的返回按鈕
 5 @property(nonatomic,retain) UIBarButtonItem *backBarButtonItem;
 6 //中間的標題視圖
 7 @property(nonatomic,retain) UIView          *titleView;
 8 //中間的標題文字
 9 @property(nonatomic,copy)   NSString        *title;
10 //左上角的視圖
11 @property(nonatomic,retain) UIBarButtonItem *leftBarButtonItem;
12 //右上角的視圖
13 @property(nonatomic,retain)UIBarButtonItem *rightBarButtonItem 

1.3、實際開發過程中一些問題

1、UINavigationBar背景顏色

//背景色
    self.navigationBar.barTintColor = [UIColor blueColor];

    //title字體
    //[self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor lightGrayColor],NSFontAttributeName:[UIFont systemFontOfSize:17]}];

    //修改UIBarButtonItem 圖片 title顏色
    self.navigationBar.tintColor = [UIColor greenColor];

    //是否半透明 當為YES時 設置的導航欄背景顏色會和實際rgb值有誤差
    self.navigationBar.translucent = NO;

    //如果想要半透明效果 顏色沒有色差 可以通過設置背景圖片的方法 背景圖片會覆蓋barTintColor
    //- (void)setBackgroundImage:(nullable UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics

2、自定義導航欄的返回按鈕

    //修改圖片文字顏色
    self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
    
    //替換圖片
    [self.navigationController.navigationBar setBackIndicatorImage:[UIImage imageNamed:@"erwema"]];
    [self.navigationController.navigationBar setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"erwema"]];
    
    //設置文字
    UIBarButtonItem * backBarItem = [[UIBarButtonItem alloc]initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil];
    self.navigationItem.backBarButtonItem = backBarItem;
    

1.4、易混淆的知識點

1、self.title、self.navigationItem.title self.tabBarItem.title之間的關系

1、如果當前控制器通過self.navigationItem.titleView指定了自定義的titleView,系統將會顯示指定titleView,設置self.title、self.navigationItem.title不會改變導航欄標題

2、如果當前控制器沒有指定titleView,系統則會根據當前的控制器的title或者當前navigationItem.title的內容創建一個UILabel并顯示。

3、self.title會重寫navigationItem和tabBarItem的title

2、self.navigationItem,self.navigationController.navigationItem的關系

navigation是UIViewController的一個屬性,navigationController繼承UIViewController,navigationItem直接有ViewController管理。

1.5、 UINavigationTransitionView 內容區

在iOS 7.0之前我們的導航欄是擬物化風格的,導航條是不透明的,內容區是在導航欄下緊挨著的(Y值從64開始)
但是從iOS 7.0以后 我們的導航欄變成了扁平化風格,導航欄是透明的了,也就是說ViewController默認使用全屏布局

為了更好的過渡,蘋果從iOS 7.0以后新增了幾個屬性

1、edgesForExtendedLayout

edgesForExtendedLayout是一個類型為UIRectEdge的屬性,可以指定邊緣要延伸的方向。因為iOS7之后鼓勵全屏布局,它的默認值是UIRectEdgeAll,四周邊緣均延伸,就是說如果即使視圖中上有navigationBar,下有tabBar,那么視圖仍會延伸覆蓋到四周的區域。

2、extendedLayoutIncludesOpaqueBars

擴展布局是否包括不透明的Bars,默認為NO

蘋果這樣做其實是很人性化的,如果bars不透明的情況下,再使擴展布局到bars的下方,這樣感覺是毫無意義的,所以在bars不透明的情況下,默認不會延伸布局

3、 automaticallyAdjustsScrollViewInsets

那么,當我們不想讓系統自動為我們下移時我們可以這樣設置:

if (@available(iOS 11.0, *)) {
    self.tableView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
} else {
    self.automaticallyAdjustsScrollViewInsets = NO;
}

導航欄調整。自定義導航欄未完待續、、、、
END.....

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,406評論 6 538
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,034評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,413評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,449評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,165評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,559評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,606評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,781評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,327評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,084評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,278評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,849評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,495評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,927評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,172評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,010評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,241評論 2 375

推薦閱讀更多精彩內容