[譯]《iOS Human Interface Guidelines》——Navigation Bar

導(dǎo)航欄

導(dǎo)航欄可以給信息層級(jí)導(dǎo)航,并且可以選擇管理屏幕內(nèi)容掌栅。

image

導(dǎo)航欄:

  • 是透明的
  • 一般顯示在app屏幕的頂部,狀態(tài)欄的下方码泛。在水平方向猾封、常規(guī)的環(huán)境下,導(dǎo)航欄也可以通過一個(gè)不貫穿屏幕的視圖來顯示噪珊,比如一個(gè)分裂視圖控制器的一個(gè)面板晌缘。
  • 可以在再鍵盤出現(xiàn)時(shí)、用戶做出一個(gè)手勢(shì)時(shí)或者當(dāng)一個(gè)包含視圖控制器過渡到一個(gè)垂直方向的緊致環(huán)境時(shí)隱藏
  • 可以上色痢站。(使用tintColor給導(dǎo)航欄按鈕上色磷箕;使用barTintColor給導(dǎo)航欄背景上色。)

API NOTE
導(dǎo)航欄被包含在導(dǎo)航控制器中阵难,是一個(gè)用來管理一系列有層次的自定義視圖的顯示的規(guī)劃性的對(duì)象岳枷。查看Navigation ControllersUINavigationController Class ReferenceUINavigationBar Class Reference學(xué)習(xí)更多關(guān)于在你的代碼中定義導(dǎo)航欄的內(nèi)容呜叫。

使用導(dǎo)航欄來導(dǎo)航不同的視圖空繁,并且——合適的話——提供一個(gè)控件來管理一個(gè)視圖中的元素。如果你需要提供大量的控件并且不需要導(dǎo)航朱庆,考慮使用工具欄來代替(查看Toolbar來學(xué)習(xí)更多)盛泡。

當(dāng)用戶去往導(dǎo)航層級(jí)的新一級(jí)時(shí),有兩件事情會(huì)發(fā)生:

  • 合適的話椎工,導(dǎo)航欄標(biāo)題應(yīng)該改成新一級(jí)的標(biāo)題饭于。
  • 在導(dǎo)航欄的左邊應(yīng)該有一個(gè)返回按鈕蜀踏;如果有價(jià)值的話返回按鈕的標(biāo)題可以使上一級(jí)的標(biāo)題。
image

有價(jià)值的時(shí)候掰吕,使用當(dāng)前視圖的標(biāo)題作為導(dǎo)航欄的標(biāo)題果覆。如果給導(dǎo)航欄寫標(biāo)題看起來多余,你可以讓它空著殖熟。比如說局待,便簽沒有給當(dāng)前的筆記上標(biāo)題,因?yàn)榈谝恍械膬?nèi)容就提供了用戶需要的所有內(nèi)容菱属。

考慮放置一些分隔控件在app頂層的導(dǎo)航欄中钳榨。如果這樣做可以平緩你的信息層級(jí)、讓用戶更加容易找到他們尋找的內(nèi)容纽门,那就尤為有用薛耻。如果你在導(dǎo)航欄使用了分隔控件,確保選擇準(zhǔn)確的返回按鈕標(biāo)題赏陵。(查看Segmented Control獲取使用指南饼齿。)

image

必要的話,使用提示闡述在當(dāng)前屏幕用戶可以做什么蝙搔。提示是一個(gè)出現(xiàn)在靠近導(dǎo)航欄頂部的簡(jiǎn)短的句子缕溉。比如說,股票使用了一個(gè)提示來確保用戶理解如何找到他們想要的信息吃型。

如果你需要使用提示证鸥,寫一個(gè)簡(jiǎn)明的、單行的以及有合適的結(jié)尾標(biāo)點(diǎn)符合的句子勤晚。

避免使導(dǎo)航欄中的控件太過擁擠枉层,即使看起來有足夠的空間。一般來說运翼,一個(gè)導(dǎo)航欄只應(yīng)該包含當(dāng)前視圖的標(biāo)題返干、返回按鈕和一個(gè)管理視圖內(nèi)容的按鈕兴枯。如果你在導(dǎo)航欄使用了分隔控件血淌,導(dǎo)航欄就不該顯示標(biāo)題,并且除了分隔控件以外不該再包含任何其他控件财剖。

確保文本標(biāo)題的按鈕之間有足夠的空間悠夯。如果在導(dǎo)航欄的多個(gè)左按鈕或右按鈕之間沒有足夠的空間,文本標(biāo)題會(huì)顯示到一起去躺坟,讓用戶難以區(qū)分他們沦补。如果你的導(dǎo)航欄中的按鈕標(biāo)題看起來太緊湊,使用UIBarButtonSystemItemFixedSpace來在它們之間添加合適的空間咪橙。(查看UIBarButtonItem Class Reference學(xué)習(xí)更多關(guān)于常量的內(nèi)容夕膀。)

盡可能地確保自定義的導(dǎo)航欄和你app協(xié)調(diào)一致虚倒。比如說,不要將不透明的導(dǎo)航欄和半透明的工具欄組合起來产舞。同樣魂奥,最好不要改變同一個(gè)方向不同界面導(dǎo)航欄的圖像、顏色或透明度易猫。

確保自定義的返回按鈕的外觀和行為和系統(tǒng)的返回按鈕一致耻煤。用戶知道標(biāo)準(zhǔn)的返回按鈕允許他們?cè)趯蛹?jí)信息中回顧他們的步驟。如果你決定用自定義的圖片代替系統(tǒng)提供的V字圖准颓,確保也提供一個(gè)自定義的掩模圖哈蝇。iOS使用掩模圖來讓按鈕標(biāo)題在過渡的時(shí)候從V圖出現(xiàn)。

IMPORTANT

不要?jiǎng)?chuàng)建多節(jié)返回按鈕攘已。返回按鈕總是會(huì)將用戶待到當(dāng)前界面的父界面炮赦。如果你覺得不提供顯示痕跡的多節(jié)返回按鈕用戶可能迷失,這往往意味著你應(yīng)該簡(jiǎn)化信息層級(jí)样勃。

當(dāng)用戶想要專注于內(nèi)容時(shí)考慮隱藏導(dǎo)航欄眼五。如果你這樣做,確保讓用戶通過簡(jiǎn)單的手勢(shì)回復(fù)導(dǎo)航欄彤灶,比如一個(gè)點(diǎn)擊看幼。

image

本文翻譯自蘋果官方開發(fā)文檔

查看完整合集


查看作者首頁(yè)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市幌陕,隨后出現(xiàn)的幾起案子诵姜,更是在濱河造成了極大的恐慌,老刑警劉巖搏熄,帶你破解...
    沈念sama閱讀 222,000評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件棚唆,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡心例,警方通過查閱死者的電腦和手機(jī)宵凌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來止后,“玉大人瞎惫,你說我怎么就攤上這事∫胫辏” “怎么了瓜喇?”我有些...
    開封第一講書人閱讀 168,561評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)歉糜。 經(jīng)常有香客問我乘寒,道長(zhǎng),這世上最難降的妖魔是什么匪补? 我笑而不...
    開封第一講書人閱讀 59,782評(píng)論 1 298
  • 正文 為了忘掉前任伞辛,我火速辦了婚禮烂翰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蚤氏。我一直安慰自己刽酱,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,798評(píng)論 6 397
  • 文/花漫 我一把揭開白布瞧捌。 她就那樣靜靜地躺著棵里,像睡著了一般。 火紅的嫁衣襯著肌膚如雪姐呐。 梳的紋絲不亂的頭發(fā)上殿怜,一...
    開封第一講書人閱讀 52,394評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音曙砂,去河邊找鬼头谜。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鸠澈,可吹牛的內(nèi)容都是我干的柱告。 我是一名探鬼主播,決...
    沈念sama閱讀 40,952評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼笑陈,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼际度!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起涵妥,我...
    開封第一講書人閱讀 39,852評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤乖菱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后蓬网,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體窒所,經(jīng)...
    沈念sama閱讀 46,409評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,483評(píng)論 3 341
  • 正文 我和宋清朗相戀三年帆锋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了吵取。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,615評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡锯厢,死狀恐怖皮官,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情哲鸳,我是刑警寧澤臣疑,帶...
    沈念sama閱讀 36,303評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站徙菠,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏郁岩。R本人自食惡果不足惜婿奔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,979評(píng)論 3 334
  • 文/蒙蒙 一缺狠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧萍摊,春花似錦挤茄、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至踊沸,卻和暖如春歇终,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背逼龟。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工评凝, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人腺律。 一個(gè)月前我還...
    沈念sama閱讀 49,041評(píng)論 3 377
  • 正文 我出身青樓奕短,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親匀钧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子翎碑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,630評(píng)論 2 359

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