Navigation Bar學習筆記

簡介

馬上就要開始做新的項目身笤,搭完基本框架,閑來系統(tǒng)的紀錄一下navigation相關(guān)的知識點澈歉。

開始了

目前假設(shè)有三個控制點展鸡,通過push的方法推出,具體關(guān)系如下:
vc1 -> vc2 -> vc3

接下來看我一條一條道紀錄吧埃难。

1. 看下面的動畫

navigation bar.gif

現(xiàn)象:當vc1 -> vc2時莹弊,vc1的界面停留了片刻后才消失。

結(jié)論:這是因為vc2的背景顏色為nil涡尘,可以理解為clear color忍弛,因此vc1 -> vc2后,還能看到vc1上的控件考抄,知道vc2完全push出來后细疚,vc1才能完全看不見(當然,具體蘋果內(nèi)部如何實現(xiàn)push效果川梅,暫不做深究)疯兼。這個解決簡單,只要設(shè)置vc2的背景顏色不為透明色就好了贫途。

來看看實現(xiàn)效果吧~

navigation bar.gif

2. navigation bar的透明度

不做任何設(shè)置時吧彪,navigation bar為半透明,如下圖:

translucent

只要設(shè)置

self.navigationController.navigationBar.translucent = NO;

就可以讓讓navigation bar變?yōu)椴煌该鳌?/p>

no translucent

讓我們通過reveal展示出來的層次圖來看一下:

reveal

可以看到丢早,效果和edgesForExtendedLayout屬性為UIRectEdgeLeft|UIRectEdgeRight|UIRectEdgeBottom
的效果差不多姨裸。(具體edgesForExtendedLayout屬性,可以參考我以前的文章UIViewController中edgesForExtendedLayout屬性的研究

3. navigation bar的tint color

默認情況下怨酝,是藍色的:

blue
[self.navigationController.navigationBar setTintColor:[UIColor orangeColor]];

設(shè)置tintColor后傀缩,是這樣的:

orange
4. 返回按鈕文字

如果vc1有title,則vc1 -> vc2后可以看到农猬,返回按鈕問題為前一個頁面的title赡艰;如果vc1沒有title,則vc1 -> vc2后可以看到斤葱,返回按鈕文字默認為back瞄摊。

title
back

要想自定義文字勋又,有兩種方法:

  • 方法一:
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil];

注意:如果該代碼寫在vc2里,則vc3的返回文字才會變?yōu)椤胺祷亍被恢模绻雟c2中返回文字變?yōu)椤胺祷亍毙ㄈ溃瑒t需要在vc1中設(shè)置。

記住原理:新VC的后退按鈕文字 是 舊VC的一個屬性
  • 方法2:
在被push出的controller(vc2惯驼、vc3)中添加代碼:

```Objective-C
UIBarButtonItem *item = (UIBarButtonItem *)self.navigationController.navigationBar.topItem;
item.title = @"返回";
```

如果不想要文字腫么辦蹲嚣?更簡單了,上述方法中祟牲,title(@"返回")設(shè)置為空(@"")就好了隙畜。

系統(tǒng)的返回按鈕總有一個返回箭頭,如果想要更炫的说贝,可以通過self.navigationItem.leftBarButtonItem來設(shè)置自己想要的效果议惰。
5. 背景顏色

很多時候,我們都會按平時都想法直接進行設(shè)置

self.navigationController.navigationBar.backgroundColor = [UIColor purpleColor];

但是乡恕,這樣設(shè)置會讓你大失所望言询。我們可以看下reveal的分層顯示,這個顏色設(shè)置的是navigation bar的背景顏色傲宜,但是其實navigationBar里面添加了UIView和UIImageView运杭,UILabel等控件,覆蓋了navigationBar函卒,所以這種方式設(shè)置的背景顏色在前景根本看不出來辆憔。

reveal
  • 方法1:
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageWithColor:[UIColor yellowColor]] forBarMetrics:UIBarMetricsDefault];
  • 方法2:
[self.navigationController.navigationBar setBarTintColor:[UIColor yellowColor]];

結(jié)束語

今天就暫時記錄到這里,后續(xù)會慢慢再補充知識點报嵌。有問題可以相互討論虱咧。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市锚国,隨后出現(xiàn)的幾起案子腕巡,更是在濱河造成了極大的恐慌,老刑警劉巖跷叉,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逸雹,死亡現(xiàn)場離奇詭異营搅,居然都是意外死亡云挟,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門转质,熙熙樓的掌柜王于貴愁眉苦臉地迎上來园欣,“玉大人,你說我怎么就攤上這事休蟹》锌荩” “怎么了日矫?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長绑榴。 經(jīng)常有香客問我哪轿,道長,這世上最難降的妖魔是什么翔怎? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任窃诉,我火速辦了婚禮,結(jié)果婚禮上赤套,老公的妹妹穿的比我還像新娘飘痛。我一直安慰自己,他們只是感情好容握,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布宣脉。 她就那樣靜靜地躺著,像睡著了一般剔氏。 火紅的嫁衣襯著肌膚如雪塑猖。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天介蛉,我揣著相機與錄音萌庆,去河邊找鬼。 笑死币旧,一個胖子當著我的面吹牛践险,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播吹菱,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼巍虫,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了鳍刷?” 一聲冷哼從身側(cè)響起占遥,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎输瓜,沒想到半個月后瓦胎,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡尤揣,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年搔啊,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片北戏。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡负芋,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出嗜愈,到底是詐尸還是另有隱情旧蛾,我是刑警寧澤莽龟,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站锨天,受9級特大地震影響毯盈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜病袄,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一奶镶、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧陪拘,春花似錦厂镇、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至欠痴,卻和暖如春迄靠,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背喇辽。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工掌挚, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人菩咨。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓吠式,卻偏偏與公主長得像,于是被迫代替她去往敵國和親抽米。 傳聞我的和親對象是個殘疾皇子特占,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內(nèi)容