2018-04-09

原文:IOS狀態欄和導航欄的控制問題

IOS的項目多數會遇到控制狀態欄和導航欄的問題,比如隱藏狀態欄、控制狀態欄的文字顏色等,導航欄也有同樣需求。本文總結一下操作方法。

首先一點,IOS的界面分為狀態欄和導航欄,狀態欄是指顯示電池、時間的最頂部的一個窄條,高度為20個點;而導航欄是緊接著狀態欄的44個點高度的橫條,一般用于顯示app標題,返回按鈕等操作按鈕。

在ios7之前,狀態欄和導航欄是分開的,而從ios7開始狀態欄和導航欄交織在一起了,狀態欄變為透明,導航欄的高度變為44+20=64:

狀態欄控制

對狀態欄的控制分兩種情況:全局設置和分頁面設置。控制這兩種模式的開關是info.plist文件的View controller-based status bar appearance配置項。

全局設置狀態欄

將info.plist文件的View controller-based status bar appearance設置為NO,即可開啟全局設置,也就是說你在VC中對狀態欄的控制都將無效,相比之下,是通過下面的代碼來全局控制:

注意,我們并不能對狀態欄的字體顏色做任意的控制,只有兩種選擇UIStatusBarStyleDefault和UIStatusBarStyleLightContent,前者是默認的黑色,而后者是白色。也就是說如果你的背景色是偏深色,那么設置狀態欄的字體顏色為白色。另外,我們可以全局設置狀態欄是否顯示,但是一般而言app不會對所有界面都不顯示狀態欄,而是只在特定的頁面需要隱藏狀態欄,比如對于視頻播放界面不希望顯示狀態欄。

對于狀態欄的背景色設置,上面提到從ios7開始狀態欄本身實際上是透明的,它的背景色其實取決于導航欄的背景色。下面會講導航欄的設置。

分頁面設置狀態欄

將info.plist文件的View controller-based status bar appearance設置為YES,即可開啟由VC來控制狀態欄的功能,在這種模式下,全局的設置將無效!!所以我們必須逐個頁面對狀態欄進行設置,否則狀態欄將維持默認的黑色字體和默認為顯示狀態。

字體設置

對于設置狀態欄字體顏色,分兩種情況:VC是否屬于UINavigationController中:

1) 當VC不在UINavigationController中時,在VC中添加一個方法

保險起見,在view的某個加載階段比如viewWillAppear中,執行:

2) 當VC在UINavigationController中時,VC并不能通過1)的方式控制狀態欄的顏色,詳見本文后面的參考資料,那么這個時候,有一個trick的方法可以在VC中間接的控制:

隱藏控制

對于控制狀態欄的隱藏同樣存在VC是否是根控制器的問題,也就說只有根控制器才能直接控制狀態欄的顯示與否。

1) 如果是VC本身就是根控制器,那么在VC中添加如下代碼:

當然,保險起見,在適當的時候調用

2) 如果VC不是根控制器,那么不像控制字體顏色那樣有trick,我們只能間接的通過在子VC中控制根VC,從而間接控制根控制器。那么這個方法就很多了,比如我的根VC是個tab的VC,首先現在tab的VC中,實現1):

在子VC中:

可以看到在子VC中通過設置根VC的屬性,并調用setNeedsStatusBarAppearanceUpdate后,根VC的prefersStatusBarHidden就會被調用,從而隱藏或顯示狀態欄。

導航欄控制

背景控制

在IOS7中使用barTintColor來控制導航欄的背景色:

這個設置方法可以在AppDelegate中設置,全局可以生效。

如果希望使用圖片來作為導航的背景,那么需要注意的是ios7中圖片的高度問題。上面提到過了,ios7導航欄的高度其實是算上狀態欄的,即44+20=64個點的高度。可以通過setBackgroundImage來設置:

前景控制

前景控制分為標題控制和返回按鈕(等系統按鈕)的控制

標題需要通過setTitleTextAttributes來設置,相對比較復雜一些,例如:

設置返回按鈕(等系統按鈕)可以通過TintColor,直接來設置顏色

顯示設置

有時我們希望導航欄不顯示,而有時又希望顯示,那么最好通過每個個體的VC來控制,如果某個VC需要與其他VC有所區別,那么最好是“負責到底”,即在進入VC時改變導航欄的顯示狀態,而退出時還原:

如何在有導航欄的情況下定位控件的Y

可能初學ios的同學(尤其是通過手寫代碼布局的同學)都會有這么個感受,為什么我的控件有的時候明明定位在VC上,但會被導航欄遮住,那么你可能會得出結論原點(0,0)是在屏幕的左上角被導航欄遮住的;而對于像UITableView這樣的,設置了全屏鋪滿,怎么就沒有被導航欄遮住呢?原點難道不在左上角?

筆者被這個問題困擾了很久,這里談一下最近的一個理解。我們拿UITextView來看

當我們把一個UITextView放到一個沒有導航的VC中時:

效果是這樣的,看起來并沒有什么問題

然而如果我們把這個VC放到一個導航控制器中,同樣的代碼卻是這樣結果

首先,看起來UITextView距離設備頂部的絕對距離似乎并沒有變化,但是請注意UITextView的滾動條,滾動條竟然沒有頂部對齊,而且文字也向下移位了,看起來空出一大塊。仔細看空出的這段高度其實剛好是導航欄的高度64個點!!經過搜索,我發現只要設置如下代碼即可恢復這種異常的狀況:

這下明白了,原來VC會對其內部的UIScrollView的內容部分進行一個Inset,這個Inset在上半部分剛好就對應導航欄的高度,而UIScrollView包括UITableView和UITextView等。到這里,似乎有些問題明朗了:

VC中的view默認會對UIScrollView做一個適應導航欄的處理,由此推測,其實只要是VC中的控件,都是從設備左上角的(0,0)開始算的,只是對于UIScrollView,VC會自動調整一下內容的位置而已。

在有導航的情況下,可視范圍的Y坐標就是從64開始的,除了UIScrollView的控件,定位的時候,都應當以(0,64)為原點;而UIScrollView如果是全屏的,那么無所謂,如果不是全屏的,請注意是否需要設置VC的automaticallyAdjustsScrollViewInsets。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念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

推薦閱讀更多精彩內容