UINavigationController
-
UINavigationController繼承自UIViewController诅需,用來展示具有明顯的層級結(jié)構(gòu)的內(nèi)容甲馋,讓我們更高效的將層級結(jié)構(gòu)的內(nèi)容展現(xiàn)給用戶。在每個層級中用一個UIViewController來展示具體內(nèi)容躺率。下面的圖是iOS設(shè)備中的設(shè)置界面的圖:
UINavigationController是一個容器視圖控制器,其內(nèi)部展示著多個UIViewController的內(nèi)容。UINavigationController的View由三個部分組成寝贡,最上面的UINavigationBar,最下面默認(rèn)隱藏的toolbar值依,以及中間部分的UIViewController的View圃泡。
UINavigationController的堆棧管理
-
UINavigationController通過其管理的一個UIViewController堆棧來決定中間的View顯示什么。中間的View顯示的是UIViewController堆棧頂部的UIViewController的View愿险。
- 理解上面這幅圖很重要颇蜡。我們看到UINavigationController擁有viewControllers,navigationBar辆亏,toolBar這些屬性风秤。其中viewControllers是一個數(shù)組,在這個數(shù)組中以堆棧的形式存放著多個UIViewController扮叨。堆棧是先進(jìn)后出的原則缤弦。UINavigationController的中間的View顯示的是位于堆棧頂部的UIViewController的View。
- 位于堆棧最底部的UIViewController我們稱之為rootViewController(根視圖控制器),一個UINavigationController的UIViewController堆棧中至少有一個視圖控制器甫匹,也可以說一定存在根視圖控制器甸鸟。我們可以創(chuàng)建一個UIViewController,然后使用系統(tǒng)提供的方法讓這個UIViewController進(jìn)棧兵迅,也可以使用系統(tǒng)提供的方法讓UIViewController堆棧中的視圖控制器出棧抢韭。
UINavigationController的創(chuàng)建
創(chuàng)建UINavigationController的方法:
//創(chuàng)建一個視圖控制器
FirstPageViewController *VC = [[FirstPageViewController alloc] init];
//把上面創(chuàng)建的視圖控制器作為根視圖控制器創(chuàng)建一個UINavigationController
//這樣UINavigationController的UIViewController堆棧中已經(jīng)有了一個視圖控制器即VC,這時候UINavigationController的中間那部分的View顯示的是VC的View。
UINavigationController *navigationController = [[UINavigationController alloc] initWithRootViewController:VC];
當(dāng)我們想要進(jìn)入這個UINavigationController的頁面時可以:
[self presentViewController:navigationController animated:YES completion:^{}];
UIViewController的進(jìn)棧和出棧
- 進(jìn)棧:
[self.navigationController pushViewController:VC animated:YES];
示例代碼:
//我們有一個繼承自UIViewController的類SecondPageViewController恍箭,創(chuàng)建該類的實例VC
SecondPageViewController *VC = [[SecondPageViewController alloc] init];
//然后我們使用系統(tǒng)的方法pushViewController:animated:使VC進(jìn)入navigationController的UIViewController堆棧刻恭。
//此時這個堆棧中的棧頂元素變成了VC,因此navigationController的View部分展示的內(nèi)容就變成了VC的View扯夭,所以畫面進(jìn)行了切換
[self.navigationController pushViewController:VC animated:YES];
- 出棧
- 使UIViewController中最頂層的元素出棧
[self.navigationController popViewControllerAnimated:YES];
執(zhí)行這句話后鳍贾,UIViewController中最頂層的元素出棧,所以堆棧中處于棧頂?shù)脑匕l(fā)生了變化交洗,navigationController中間的View也發(fā)生了變化骑科,直觀感覺就是退回了上一個頁面。但是當(dāng)堆棧中的元素只有一個時該方法無效构拳,因為該堆棧中必須要保證至少要有一個元素咆爽。 - pop到指定的元素
假設(shè)現(xiàn)在UIViewController堆棧中有四個元素梁棠,從棧底到棧頂依次是VC1,VC2,VC3,VC4。我們現(xiàn)在正處在VC4的View中斗埂。那么現(xiàn)在我們想直接退到VC2的頁面符糊,可以這樣做:
[self.navigationController popToViewController:self.navigationController.viewControllers[1] animated:YES];
這個方法實際上是使堆棧中這個指定的viewcontroller上面的元素全部出棧,這樣這個指定的viewcontroller就成了棧頂元素呛凶,直觀感覺是回退到了這個視圖控制器的頁面男娄。
- 直接pop到根視圖控制器
這個其實和上面的道理是一樣的,就是使除棧底之外的其它視圖控制器全部出棧漾稀,這樣棧底的根視圖控制器也是棧頂元素了模闲。
[self.navigationController popToRootViewControllerAnimated:YES];
UINavigationBar
- UINavigationBar是UINavigationController的View的上面的那部分。UINavigationController負(fù)責(zé)創(chuàng)建UINavigationBar县好。而UINavigationBar的內(nèi)容則是由處于UIViewController堆棧頂部的UIViewController的navigationItem這個屬性來管理的围橡。
UINavigationBar的外觀管理
- 1.設(shè)置style
//設(shè)置bar的style
self.navigationController.navigationBar.barStyle = UIBarStyleDefault;//這種設(shè)置是白底黑字
self.navigationController.navigationBar.barStyle = UIBarStyleBlack; //這種設(shè)置是黑底白字
- 設(shè)置是否隱藏
self.navigationController.navigationBar.hidden = YES;
- 設(shè)置是否隱藏
- 3.設(shè)置背景顏色
self.navigationController.navigationBar.barTintColor = [UIColor redColor];
- 設(shè)置字體顏色
self.navigationController.navigationBar.tintColor = [UIColor blackColor];
- 設(shè)置字體顏色
- 設(shè)置標(biāo)題字體屬性
self.navigationController.navigationBar.titleTextAttributes = @{NSFontAttributeName: [UIFont systemFontOfSize:30], NSForegroundColorAttributeName: [UIColor whiteColor]};
UINavigationBar的內(nèi)容設(shè)置
- 前面說過UINavigationBar的內(nèi)容是由處于UIViewController堆棧棧頂?shù)腢IViewController的navigationItem屬性來配置的。
- UINavigationBar和navigationItem有什么聯(lián)系缕贡?
UINavigationBar是UINavigationController的屬性,我們在設(shè)置了UINavigationBar的外觀后拣播,其將作用于全部的UIViewController晾咪。navigationItem是UIViewController的屬性,它是配置這個UIViewController上面的UINavigationBar的內(nèi)容的贮配。UINavigationBar中有一個堆棧谍倦,這個堆棧是一個UINavigationItem堆棧,當(dāng)把一個UIViewController push進(jìn)棧的時候泪勒,它的navigationItem也會被push進(jìn)UINavigationBar的堆棧昼蛀。所以UINavigationBar的這個堆棧和這個UIViewController堆棧是一一對應(yīng)的。
我們看到UINavigationBar有一個Items屬性圆存,這個items屬性就是以堆棧的形式存放每個UIViewController的navigationItem叼旋。其中棧頂?shù)膎avigationItem稱為topItem,棧頂下面的item稱為backItem沦辙。
- UINavigationBar通過UINavigationItem堆棧按照如下方式來決定展示在UINavigationBar中的內(nèi)容:
位于中間的標(biāo)題會按照下面的順序展示內(nèi)容:
如果topitem設(shè)置了標(biāo)題視圖(titleview屬性)夫植,則展示標(biāo)題視圖。
如果topitem設(shè)置了標(biāo)題文字(title屬性)油讯,則顯示標(biāo)題文字详民。
如果,什么也沒有設(shè)置陌兑,則顯示空白沈跨。
位于右邊的按鈕按照下面的順序展示內(nèi)容:
如果topitem設(shè)置了右側(cè)按鈕(rightBarButtonItem屬性),則顯示右側(cè)按鈕兔综。
如果沒有設(shè)置右側(cè)按鈕饿凛,則顯示空白隅俘。
位于左側(cè)的按鈕會按照下列順序顯示內(nèi)容:
如果topitem設(shè)置了左側(cè)按鈕(leftBarButtonItem屬性),則顯示左側(cè)按鈕笤喳。
如果backitem設(shè)置了返回按鈕(backButtonItem屬性)为居,則顯示返回按鈕。
如果backitem設(shè)置了標(biāo)題文字(title屬性)杀狡,則顯示利用標(biāo)題文字封裝的返回按鈕蒙畴。
如果以上都未設(shè)置,則展示利用“Back”封裝的返回按鈕呜象。
tips
在默認(rèn)情況下返回按鈕和左側(cè)按鈕是不同時顯示的膳凝,默認(rèn)是不顯示左側(cè)按鈕,要使兩者同時顯示恭陡,可以設(shè)置:
UINavigationBar通過UINavigationItem堆棧按照如下方式來決定展示在UINavigationBar中的內(nèi)容
tips
修改返回按鈕的標(biāo)題
//在這個頁面設(shè)置蹬音,下個頁面生效。
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"go" style:UIBarButtonItemStylePlain target:nil action:nil];
設(shè)置返回按鈕的圖片:
self.navigationController.navigationBar.backIndicatorImage = [UIImage imageNamed:@""];
self.navigationController.navigationBar.backIndicatorTransitionMaskImage = [UIImage imageNamed:@""];
這兩句話必須同時設(shè)置才會生效休玩。
通過手勢隱藏UINavigationBar與UIToolbar
獲取手勢識別器
// 側(cè)滑返回手勢識別器
@property(nonatomic, readonly) UIGestureRecognizer *interactivePopGestureRecognizer;
// 用于輕拍隱藏UINavigationBar與UIToolbar的手勢識別器
@property(nonatomic, readonly, assign) UITapGestureRecognizer *barHideOnTapGestureRecognizer;
// 用于輕掃隱藏UINavigationBar與UIToolbar的手勢識別器
@property(nonatomic, readonly, strong) UIPanGestureRecognizer *barHideOnSwipeGestureRecognizer;
// 示例
UIGestureRecognizer *interactivePopGestureRecognizer = navigationController.interactivePopGestureRecognizer;
隱藏UINavigationBar
//這樣設(shè)置是對堆棧中的所有viewcontroller生效
//輕拍隱藏著淆,再次輕拍顯示
self.navigationController.hidesBarsOnTap = YES;
//向上輕掃隱藏,向下輕掃顯示
self.navigationController.hidesBarsOnSwipe = YES;
//橫屏隱藏(此時輕拍顯示)拴疤,豎屏顯示.
self.navigationController.hidesBarsWhenVerticallyCompact = YES;
//鍵盤出現(xiàn)隱藏永部,鍵盤消失仍隱藏,但是輕點出現(xiàn)呐矾。
self.navigationController.hidesBarsWhenKeyboardAppears = YES;