UI篇-UINavigationController之易忘補充


對nextVC 進行屬性賦值后,執行push跳轉,方法的執行順序:

?A跳轉到B

代碼順序執行:

B的init 方法;(此方法中? B的navigationController 不存在。)

B的屬性賦值方法;

A中當前方法中Push 操作;

A中當前方法的剩余操作;

A viewWillDisappear

B viewDidLoad

B viewWillAppear

導航push 跳轉動作

A viewDidDisappear

B viewDidAppear

其他知識補充

[UIApplication sharedApplication].statusBarHidden = YES;

上述方法只能實現在程序跳過loading(即啟動畫面)的時候才能隱藏狀態欄。如果想要在啟動畫面開始即隱藏狀態欄,則要修改app的info.plist文件,新增UIStatusBarHidden鍵(Status bar is initially hidden),其值是YES。

設置導航欄的背景圖片

(多見于導航背景顏色是漸變顏色,使用一張圖片)但是這張圖片設置好以后,所有的控件的Y坐標都會下移64,也就是說,這張圖片會占用屏幕的64pt 高度的屏幕,而且無法被普通試圖覆蓋使用

[self.navigationController.navigationBar setBackgroundImage:[ImageUtilities createImageWithColor:[ColorUtils colorWithHexString:orange_color]] forBarMetrics:UIBarMetricsDefault];

或者 AppDelegate中 ? [[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"navBg"] forBarMetrics:UIBarMetricsDefault];

設置普通的導航欄顏色

在入口類中全局設置就可以達到統一導航欄顏色的效果。

?[[UINavigationBar appearance] setBarTintColor: RGB(3, 14, 30, 1)];

你會發現你設置的導航顏色是正常的色值,但是就是偏淡,那是因為導航的默認屬性是半透明的,

[[UINavigationBarappearance]setTranslucent:NO];設為不透明,帶來的問題就是導航條占了64 像素 ?#define NavHeight ? 0 ? ? ? ? ? ? ? ? ? 導航高度修改為0

上面設置的為YES,下面的為NO


關于導航返回:

如果APP通過navigationController從A視圖跳轉至B視圖,導航的返回按鈕的加載原理是這樣的:?

1、如果B視圖有一個自定義的左側按鈕(leftBarButtonItem),則會顯示這個自定義按鈕(沒有后退箭頭);?

2、如果B沒有自定義按鈕,但是A視圖的backBarButtonItem屬性有自定義項,則顯示這個自定義項;?

3、如果前2條都沒有,則默認顯示一個后退按鈕,后退按鈕的標題是A視圖的標題(沒有標題,則顯示“back”)。

所以我們對于返回按鈕的樣式需要可以如下設置可得:

【1】< 文字文字? 這個需要我們A頁面的 navigationItem.title 不為空

【2】<返回? 這個需要我們A頁面的?navigationItem.title 為空即可,一般是我們定義了?navigationItem.titleView而沒有設置?navigationItem.title

【3】<? ?只有圖標沒有文字? 這個效果我們可以設置A視圖的backBarButtonItem屬性,或者自定義B視圖的左側按鈕(leftBarButtonItem)

? ? 首先ios7 之后只要使用系統自帶的導航效果就有手動滑動返回的效果。但是當自定義返回按鈕時,這種手動滑動返回的效果就沒有了。

一個箭頭后面帶有文字的返回是使用的ios 自帶的backBarButtonItem? ,顯示的字體文字是push之前的上層頁面的 title? ,如果希望文字是自定義的,需要在push 之前

? self.navigationItem.backBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"嘻嘻" style:UIBarButtonItemStyleBordered target:nil action:nil];//不寫就是back

[UIBarButtonItemalloc]initWithImage//這個圖片會替代文字的位置,右邊的粗的返回箭頭還在

SecondViewController *sec = [[SecondViewController alloc]init];

[self.navigationController pushViewController:sec animated:YES ];

在push 之后的那個VC中可以設置這返回的顏色:

[self.navigationController.navigationBar setTintColor:[UIColor redColor]];//不寫默認是藍色的back

但是這個設置不會影響第二個VC的title 的顏色(默認的一直黑色)。

在BaseViewController的ViewDidLoad中如下設置即可:注意不用在設置

self.navigationItem.leftBarButtonItem =[[UIBarButtonItem alloc] initWithCustomView:leftButton];即可返回

[self.navigationController.navigationBar setTintColor:[UIColor whiteColor]];

UIBarButtonItem *backItem = [[UIBarButtonItem alloc] init];

backItem.title = @"返回";

self.navigationItem.backBarButtonItem = backItem;

若想在自定義返回按鈕的情況下添加手動返回:在最外層的VC中設置即可。

1? 遵循協議:UIGestureRecognizerDelegate

2? self.navigationController.interactivePopGestureRecognizer.delegate = self;

3? 重寫協議方法:

?-(BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{? ?

?if (self.navigationController.viewControllers.count == 1)//關閉主界面的右滑返回{? ?return NO;}

else{return YES; }}


將狀態欄隱藏就可實現這樣不錯的頁面效果


PS: ?backBarButtonItem的自定義事件是不會被執行的

backItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:self action:@selector(back)];

self.navigationItem.backBarButtonItem = backItem;//back事件不會被調用


self.navigationItem.leftBarButtonItem = backItem;//back事件會被調用


要自定義返回按鈕,直接設置backBarButtonItem是不行的

UINavigationController view層級


navigationItem

navigationItem是UIViewController的一個屬性,包含了當前頁面導航欄上需要顯示的全部信息,這個屬性是為UINavigationController服務的。

UINavigationItem屬于MVC中的M,封裝了要顯示在UiNavigationBar上的數據,定義了UINavigationItem上按鈕的觸發事件,外觀等

-initWithBarButtonSystemItem:target:action:設置按鈕樣式及觸發事件

-initWithTiltle:style:target:action: 設置標題的觸發事件

-initWithImage:style:target:action:設置視圖的觸發事件

tintColor? 設置tintColor可以影響添加在導航條上的系統樣式的按鈕的顏色

?title: 標題

?titleView :標題視圖

?leftBarButtonItem :左按鈕

?rightBarButtonItem :右按鈕

?backBarButtonItem? :返回按鈕

與UINavigationController相似,UINavigationBar也是以棧的方式管理一組UINavigationItem。提供push和pop操作item.

每個視圖控制器都有一個navigationItem屬性,navigationItem中設置的做按鈕、右按鈕、標題等,會隨著控制器的顯示,也顯示到navigationBar上

我們來看一下這些名詞是什么意思,彼此之間是什么關系。

UINavigationController是一個viewController

UINavigationBar是一個view

UINavigationItem是一個NSObject

UIBarButtonItem是一個UIBarItem,是一種專門放在bar上的特殊button

UIBarItem是一個NSObject,是是各種itme的父類

navigationcontroller直接控制viewcontrollers,然后包含的navigationbar形成整個nv的導航欄。

bar并包含整個navigationItem的棧中的viewcontrollers的navigationitem(NSArray*items屬性)。

navigationItem包含了bar視圖的全部元素(如title,tileview,backBarButtonItem等),受當前viewcontroller管理,即bar形成整個nv的導航視圖,然后每個nv頁面的導航欄元素由所在頁面的navigationItem管理。即設置當前頁面的左右barbutton,用self.navigationItem.leftBarButtonItem等。

導航條上多個Item

UIBarButtonItem*item1 = [[UIBarButtonItemalloc]initWithTitle:@"讀"style:UIBarButtonItemStylePlaintarget:selfaction:@selector(start)];

UIBarButtonItem*item2 = [[UIBarButtonItemalloc]initWithTitle:@"暫停"style:UIBarButtonItemStylePlaintarget:selfaction:@selector(nowStop)];

UIBarButtonItem*item3 = [[UIBarButtonItemalloc]initWithTitle:@"繼續"style:UIBarButtonItemStylePlaintarget:selfaction:@selector(continueRead)];

UIBarButtonItem*item4 = [[UIBarButtonItemalloc]initWithTitle:@"停止"style:UIBarButtonItemStylePlaintarget:selfaction:@selector(stop)];

self.navigationItem.rightBarButtonItems=@[item1,item2,item3,item4];

Toolbar

navigationController自帶了一個工具欄,通過設置 self.navigationController.toolbarHidden = NO來顯示工具欄,工具欄中的內容可以通過viewController的toolbarItems來設置,顯示的順序和設置的NSArray中存放的順序一致,其中每一個數據都一個`UIBarButtonItem`對象,可以使用系統提供的很多常用風格的對象,也可以根據需求進行自定義,`每個UIBarButtonItem可以綁定一個事件`,不常使用。

?UIBarButtonItem *one = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:nil action:nil];

?UIBarButtonItem *two = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemBookmarks target:nil action:nil];

?[childOne setToolbarItems:[NSArray arrayWithObjects:flexItem, one, flexItem, two, nil]];


childOne.navigationController.toolbarHidden = NO;

topViewController Vs visibleViewController

topViewController代表當前navigation棧中最上層的VC,而visibleViewController代表當前可見的VC,它可能是topViewController,也可能是當前topViewController present出來的VC。因此UINavigationController的這兩個屬性通常情況下是一樣,但也有可能不同。

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

推薦閱讀更多精彩內容