UINavigationController

UINavigationController

  • UINavigationController繼承自UIViewController诅需,用來展示具有明顯的層級結(jié)構(gòu)的內(nèi)容甲馋,讓我們更高效的將層級結(jié)構(gòu)的內(nèi)容展現(xiàn)給用戶。在每個層級中用一個UIViewController來展示具體內(nèi)容躺率。下面的圖是iOS設(shè)備中的設(shè)置界面的圖:


    iOS設(shè)備的設(shè)置

UINavigationController是一個容器視圖控制器,其內(nèi)部展示著多個UIViewController的內(nèi)容。UINavigationController的View由三個部分組成寝贡,最上面的UINavigationBar,最下面默認(rèn)隱藏的toolbar值依,以及中間部分的UIViewController的View圃泡。


UINavigationController的層級結(jié)構(gòu)

UINavigationController的堆棧管理

  • UINavigationController通過其管理的一個UIViewController堆棧來決定中間的View顯示什么。中間的View顯示的是UIViewController堆棧頂部的UIViewController的View愿险。


    UINavigationController
  • 理解上面這幅圖很重要颇蜡。我們看到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];
  • 出棧
  1. 使UIViewController中最頂層的元素出棧
    [self.navigationController popViewControllerAnimated:YES];
    執(zhí)行這句話后鳍贾,UIViewController中最頂層的元素出棧,所以堆棧中處于棧頂?shù)脑匕l(fā)生了變化交洗,navigationController中間的View也發(fā)生了變化骑科,直觀感覺就是退回了上一個頁面。但是當(dāng)堆棧中的元素只有一個時該方法無效构拳,因為該堆棧中必須要保證至少要有一個元素咆爽。
  2. 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就成了棧頂元素呛凶,直觀感覺是回退到了這個視圖控制器的頁面男娄。

  1. 直接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è)置是黑底白字
    1. 設(shè)置是否隱藏
      self.navigationController.navigationBar.hidden = YES;
  • 3.設(shè)置背景顏色
    self.navigationController.navigationBar.barTintColor = [UIColor redColor];
    1. 設(shè)置字體顏色
      self.navigationController.navigationBar.tintColor = [UIColor blackColor];
    1. 設(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)的。

UINavigationItem堆棧

我們看到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;
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末苔埋,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子蜒犯,更是在濱河造成了極大的恐慌组橄,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件罚随,死亡現(xiàn)場離奇詭異玉工,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)毫炉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門瓮栗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人瞄勾,你說我怎么就攤上這事费奸。” “怎么了进陡?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵愿阐,是天一觀的道長。 經(jīng)常有香客問我趾疚,道長缨历,這世上最難降的妖魔是什么粥血? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任栋盹,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘笤成。我一直安慰自己缴守,他們只是感情好沾凄,可當(dāng)我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布喜滨。 她就那樣靜靜地躺著,像睡著了一般冶匹。 火紅的嫁衣襯著肌膚如雪习劫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天嚼隘,我揣著相機(jī)與錄音诽里,去河邊找鬼。 笑死飞蛹,一個胖子當(dāng)著我的面吹牛谤狡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播桩皿,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼豌汇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了泄隔?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤宛徊,失蹤者是張志新(化名)和其女友劉穎佛嬉,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闸天,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡暖呕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了苞氮。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片湾揽。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖笼吟,靈堂內(nèi)的尸體忽然破棺而出库物,到底是詐尸還是另有隱情,我是刑警寧澤贷帮,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布戚揭,位于F島的核電站,受9級特大地震影響撵枢,放射性物質(zhì)發(fā)生泄漏民晒。R本人自食惡果不足惜精居,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望潜必。 院中可真熱鬧靴姿,春花似錦、人聲如沸磁滚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽恨旱。三九已至辈毯,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間搜贤,已是汗流浹背谆沃。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留仪芒,地道東北人唁影。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像掂名,于是被迫代替她去往敵國和親据沈。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,465評論 2 348