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

工具欄

工具欄包含了執(zhí)行與屏幕視圖中的對(duì)象相關(guān)的操作的控件缅帘。

image

一個(gè)工具欄:

  • 是半透明的
  • 在iPhone上永遠(yuǎn)出現(xiàn)在屏幕視圖的底部邊緣谒麦。在iPad上也可以出現(xiàn)在屏幕視圖的頂部邊緣朴译。
  • 可以在鍵盤出現(xiàn)時(shí)饿敲、用戶做一個(gè)手勢時(shí)或者抱哈你的視圖控制器過渡成水平緊湊環(huán)境時(shí)隱藏逝变。

API NOTE
工具欄一般包含在導(dǎo)航控制器(管理一系列層級(jí)的自定義視圖顯示的對(duì)象)內(nèi)增淹。查看Displaying a Navigation ToolbarUIToolbar Class Reference來學(xué)習(xí)更多關(guān)于在你的代碼中定義工具欄的內(nèi)容现横。

使用工具欄來提供一系列用戶可以在當(dāng)前環(huán)境執(zhí)行的動(dòng)作漓拾。

包括在當(dāng)前環(huán)境有意義的用的最多的命令。盡可能地不要使用工具欄提供只偶爾用到的命令戒祠。

考慮使用分欄控件(Segmented Control)來提供到當(dāng)前環(huán)境不同構(gòu)面或模式連接骇两。在工具欄使用分欄控件來顯示app層級(jí)的任務(wù)或模式不是好主意,因?yàn)楣ぞ邫谑翘厥鈱?duì)應(yīng)當(dāng)前屏幕視圖的姜盈。如果你需要給用戶到你app中基本任務(wù)低千、視圖或模式的鏈接,使用標(biāo)簽欄(Tab Bar)來代替馏颂。查看Segmented Control來學(xué)習(xí)關(guān)于分欄控件的內(nèi)容示血;查看Tab Bar來學(xué)習(xí)關(guān)于標(biāo)簽欄的內(nèi)容。

如果你需要在工具欄放置超過三個(gè)元素的話救拉,使用圖標(biāo)难审。因?yàn)槲谋緲?biāo)題的按鈕一般使用比圖片更多的空間,會(huì)很難讓這些標(biāo)題不擠到一起去近上。

確保文本標(biāo)題的按鈕之間有足夠的空間剔宪。如果在工具欄的兩個(gè)或更多按鈕之間沒有足夠的空間,文本標(biāo)題會(huì)擠到一起去并且用戶會(huì)很難區(qū)分它們壹无。如果按鈕標(biāo)題在你的工具欄中看起來太緊湊葱绒,使用

UIBarButtonSystemItemFixedSpace

來增加它們之間合適的空間。(查看UIBarButtonItem Class Reference學(xué)習(xí)更多關(guān)于這個(gè)常量的內(nèi)容斗锭。)

工具欄和導(dǎo)航欄按鈕

iOS提供了很多使用在內(nèi)置app中的標(biāo)準(zhǔn)工具欄和導(dǎo)航欄按鈕地淀。查看Bar Button Icons學(xué)習(xí)如何設(shè)計(jì)自定義的圖標(biāo)。工具欄和導(dǎo)航欄中的元素可以使用tintColor屬性來上色岖是。

在表41-1中找到符號(hào)名稱對(duì)應(yīng)的按鈕描述帮毁,在UIBarButtonItem Class Reference中查看UIBarButtonSystemItem的文檔。

IMPORTANT
對(duì)于所有標(biāo)準(zhǔn)按鈕和圖標(biāo)豺撑,基于其意義而不是外觀來使用按鈕是必要的烈疚。這會(huì)幫助你的app的UI即使在某個(gè)意義的按鈕改變了其外觀時(shí)依然有意義。

表41-1 工具欄和導(dǎo)航欄可使用的標(biāo)準(zhǔn)按鈕

image

除了表41-1顯示的按鈕之外聪轿,你也可以使用系統(tǒng)提供的編輯爷肝、取消、保存、完成灯抛、重做和撤銷按鈕來在你的app中支持編輯或其他類型的內(nèi)容操作金赦。這每個(gè)按鈕的外觀都由其文本標(biāo)題提供。查看UIBarButtonItem Class Reference中查看UIBarButtonSystemItem的文檔來找到這些按鈕的符號(hào)名稱对嚼。

最后夹抗,你也可以在工具欄中使用系統(tǒng)提供的信息按鈕:

image

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

查看完整合集


查看作者首頁

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市纵竖,隨后出現(xiàn)的幾起案子漠烧,更是在濱河造成了極大的恐慌,老刑警劉巖磨确,帶你破解...
    沈念sama閱讀 221,888評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沽甥,死亡現(xiàn)場離奇詭異,居然都是意外死亡乏奥,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門亥曹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來邓了,“玉大人,你說我怎么就攤上這事媳瞪∑” “怎么了?”我有些...
    開封第一講書人閱讀 168,386評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵蛇受,是天一觀的道長句葵。 經(jīng)常有香客問我,道長兢仰,這世上最難降的妖魔是什么乍丈? 我笑而不...
    開封第一講書人閱讀 59,726評(píng)論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮把将,結(jié)果婚禮上轻专,老公的妹妹穿的比我還像新娘。我一直安慰自己察蹲,他們只是感情好请垛,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評(píng)論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著洽议,像睡著了一般宗收。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上亚兄,一...
    開封第一講書人閱讀 52,337評(píng)論 1 310
  • 那天混稽,我揣著相機(jī)與錄音,去河邊找鬼。 笑死荚坞,一個(gè)胖子當(dāng)著我的面吹牛挑宠,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播颓影,決...
    沈念sama閱讀 40,902評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼各淀,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了诡挂?” 一聲冷哼從身側(cè)響起碎浇,我...
    開封第一講書人閱讀 39,807評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎璃俗,沒想到半個(gè)月后奴璃,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,349評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡城豁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評(píng)論 3 340
  • 正文 我和宋清朗相戀三年苟穆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唱星。...
    茶點(diǎn)故事閱讀 40,567評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡雳旅,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出间聊,到底是詐尸還是另有隱情攒盈,我是刑警寧澤,帶...
    沈念sama閱讀 36,242評(píng)論 5 350
  • 正文 年R本政府宣布哎榴,位于F島的核電站型豁,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏尚蝌。R本人自食惡果不足惜迎变,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望驼壶。 院中可真熱鬧氏豌,春花似錦、人聲如沸热凹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽般妙。三九已至纪铺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間碟渺,已是汗流浹背鲜锚。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人芜繁。 一個(gè)月前我還...
    沈念sama閱讀 48,995評(píng)論 3 377
  • 正文 我出身青樓旺隙,卻偏偏與公主長得像,于是被迫代替她去往敵國和親骏令。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蔬捷,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評(píng)論 2 359

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