在iOS里，UIKit框架提供了很多你可以在程序中調用的界面元素。當你設計程序界面時，時刻謹記用戶希望那些眼熟的視圖和控件與內置程序中的行為一致。在你的程序里妥當?shù)厥褂盟鼈�，這會對你有好處的。
欄
狀態(tài)欄、導航欄、tab欄以及工具欄在iOS中有各自的外觀和行為。這些欄不是要求每個程序都必須有。但是，如果使用它，就要用對。這是因為用戶在iOS設備上對這些欄都很熟悉，包括上面展示的信息以及所具有的功能。
狀態(tài)欄
狀態(tài)欄展示于設備和當前環(huán)境相關的重要信息。
外觀和行為
狀態(tài)欄總是出現(xiàn)在屏幕頂部，包含網(wǎng)絡連接、時間、電量等用戶需要的信息。
在iPhone上，狀態(tài)欄的顏色會變。而在iPad上，狀態(tài)欄總是黑色的。
指南
如果你的程序不是游戲或者媒體播放器的話，隱藏狀態(tài)欄前要考慮清楚。
這類應用在運行中會始終隱藏狀態(tài)欄，你要懂得這種設計的弊端。始終隱藏狀態(tài)欄意味著用戶必須退出你的程序才能看看是否需要給設備充電。
大多數(shù)iPad程序不需要為了獲得額外空間隱藏狀態(tài)欄，因為狀態(tài)欄的尺寸也太小了點。在iPad上，狀態(tài)欄也表現(xiàn)得很低調，不會和你的程序爭搶注意。由于程序界面上邊緣的圓角和狀態(tài)欄的小尺寸，使得狀態(tài)欄看起來像是設備的邊框。
當用戶全屏觀看媒體時，要把狀態(tài)欄藏起來。如果你這么做的話，記得在用戶輕擊屏幕的時候再把狀態(tài)來呈現(xiàn)出來。除非你有很必要的理由，好別定義一個手勢來召喚狀態(tài)欄。用戶發(fā)現(xiàn)不了，發(fā)現(xiàn)得了也記不住。
合適的話，展示網(wǎng)絡連接情況，這可以提醒用戶遠程網(wǎng)絡連接正在工作。詳情請參見 “網(wǎng)絡活動指示器”。
在iPone上，定義狀態(tài)欄的顏色。你可以選擇灰色（默認色），透明黑或者半透明黑（alpha=0.5）
要選擇和程序風格一致的狀態(tài)欄。例如，如果導航欄是不透明的，就不要用半透明的狀態(tài)欄。
在iPhone上，設定好狀態(tài)欄的顏色改變是否用動畫來展示。播放動畫的話，老狀態(tài)欄向上滑行直到從屏幕中消失，新的狀態(tài)欄滑入位。
導航欄
導航欄用于在層級結構的信息中導航，也可以用來管理屏幕信息
欲知更多，詳見“Navigation Controllers”和“UINavigationBar Class Reference.”
外觀和行為
導航欄位于屏幕的頂部，上面緊鄰狀態(tài)欄。導航欄通常居中顯示當前這一屏的標題。當在層級信息間穿梭時，用戶可以觸摸導航欄左邊的返回按鈕回到上一層。用戶還可以使用導航欄上與當前內容相匹配的控件來管理屏幕內容。
所有在導航欄里的控件都放在鑿出的坑里，這在iOS里被稱為邊框樣式（bordered style）。
如果你把一個沒邊框的控件嵌在導航欄里，它會自動變成邊框樣式。
在iPhone里，把屏幕從豎屏轉成橫屏模式會自動改變導航欄的高度（估計是想在橫屏模式留出更多的空間給內容）。在iPad上，導航欄的透明度和高度不會隨旋轉改變。
在iPhone上，導航欄的是整屏通欄顯示的。在iPad上，導航欄可能會嵌在分欄中的某一欄里，不會橫貫整屏。
指南
你可以使用導航欄在不同視圖間切換，或者在上面放置可以操縱內容的控件。
使用當前視圖的標題作為導航欄的標題。當用戶瀏覽到新的層級時，應該做這樣兩件事：
導航欄標題變成新層級的標題。
標題左側出現(xiàn)返回按鈕，寫著前一級的標題。
確保導航欄上的文字容易懂。系統(tǒng)字體的可讀性強，合適的話你也可以自定義字體。
使用工具欄取代導航欄。如果你需要放置很多控件，或者不需要導航時，就用工具欄吧。
考慮在程序的頂一級的工具欄放置分段控件（segment control）。如果能夠幫助你扁平化信息結構，讓用戶更容易找到想要的東西，這樣做就會很有用。如果你在導航欄上使用分段控件，要給子層次的導航欄返回按鈕找好標題。詳情請查看 “分段控件” 。
避免用過多的控件填滿導航欄，即使看起來好像有足夠的空間。除了標題外，導航欄上多放一個返回按鈕，一個操作內容的控件。如果你要在導航欄上放分段控件，就不要放標題或其他控件了。
根據(jù)控件的意義選擇系統(tǒng)提供的按鈕。詳情請查看 “工具欄和導航欄中使用的標準按鈕”。
如果你決定定制自己的導航欄控件，請到 “導航欄、工具欄和tab欄上用的圖標”查看設計建議。
有必要的時候，定義導航欄的顏色和透明度。
如果你想讓導航欄與程序協(xié)調起來，可以定制一下導航欄的顏色。如果想讓用戶更關注欄下的內容，甚至可以把欄弄成半透明的。
如果你要這樣定制導航欄，確保它和程序的其外部分外觀協(xié)調起來。要是使用半透明的工具欄，就不要使用不透明的工具欄。而且，當設備在同一方向上時，不要讓不同屏上的導航欄顏色和透明度變來變去的。
避免改變返回按鈕的外觀和行為。用戶依賴標準的返回按鈕幫助他們在層級信息中找到回家的路。
不要創(chuàng)建分段的返回按鈕（類似于面包屑）
使用分段返回按鈕會導致很多問題：
分段控件太長，都沒空放標題了
沒法展示某一段的選中態(tài)
段越多，每一段的可點擊區(qū)域越小，用戶想按某一個不好按
當層級很深時，選擇層級的哪一部分來展示是個問題
也許你覺得沒有分段返回按鈕展示的面包屑，用戶就會迷路，那說明在你的程序里用戶必須進入很深的層級才能獲得信息。那么，還是把你的層級扁平化吧。
在iPhone上，要考慮到由于設備方向變化導致的導航欄自動改變。確保你定制的導航欄圖標適應橫屏條件下的窄欄。不要把導航欄的高度寫死。
工具欄
工具欄上放著用于操作當前屏幕上物體的控件。
外觀和行為
在iPhone上，工具欄總在屏幕的底部。但是在iPad上它也可能出現(xiàn)在頂部。
工具欄上的控件等寬放置。控件會隨著屏上內容的切換而改變，因為內容與用來操縱它的控件是匹配起來的。
在iPhone上，橫屏切換到豎屏時工具欄高度會自動變小。在iPad上，工具欄的高度和透明度是恒定的。
指南
在工具欄上要放那些用戶能對當前內容所做的操作，不要那它來切換程序模式（Don’t use a toolbar to switch among different modes in an application）。如果你要實現(xiàn)切換的效果，可以用去看“tab 欄”。
在工具欄上放那些當前情景下用戶常用的功能。你也可以通過在工具欄上放置分段控件，來切換瀏覽數(shù)據(jù)的方式，或者程序模式（- -! 為何與上一段自相矛盾呢？原文：You can also put a segmented control in a toolbar to give people access to different perspectives on your application’s data or to different application modes）。欲知更多，詳見“分段控件”。
每個工具欄上的控件至少要保持44×44像素的面積。如果控件太密集，用戶點擊就很困難。
調用系統(tǒng)提供的控件要遵循使用規(guī)范。詳情請查看 “工具欄和導航欄中使用的標準按鈕”。
如果你決定定制自己的導航欄控件，請到 “導航欄、工具欄和tab欄上用的圖標”查看設計建議。
盡量避免在同一個工具欄上混合使用有邊框和無邊框的控件。使用任何一種都可以，但是不要混著用。
適當?shù)臅r候，可以定制工具欄的顏色和透明度。如果你想讓工具欄和整個程序的外觀一致起來，可以去定制顏色。如果要鼓勵用戶瀏覽內容，可以把工具欄做成半透明的。如果你用了半透明的工具欄，就不要用不透明的導航欄。設備方向不變時，不要改變在不同屏上使用不同顏色或透明度的工具欄。
在iPhone上，要考慮到由設備方向改變引起的工具欄高度變化。確保你定制的工具欄圖標與橫屏模式下的窄工具條相適應。不要把工具條的高度寫死。
Tab 欄
Tab欄用于切換子任務、視圖和模式。
外觀和行為
Tab欄位于屏幕的底部，并且始終可見。Tab欄上展示圖標和文字，同寬，黑底。當用戶選中某個tab時，這個tab的背景色亮起，圖片處于高光態(tài)。
在iPhone上，tab欄一次只能顯示5個以內的頁簽。如果程序有更多的tab，tab欄可以展示前四個，第五個放一個“更多”，用列表的方式呈現(xiàn)其余的項目。在iPad上，tab欄可以顯示多于5個tab。
Tab上可以打上小創(chuàng)可貼（紅底白字），用以展示與程序相關的信息。
Tab的透明度和高度不隨設備方向改變。
指南
使用tab欄來切換對同一組數(shù)據(jù)的不同瀏覽方式，或者同一功能的不同子任務。
不要使用tab來執(zhí)行對當前屏幕上元素的操作。如果你要達到這樣的目的，可以選用工具欄“工具欄”。
一般而言，tab欄是用來管理程序層面信息的。Tab適合用于主程序界面，因為它可以很好地扁平信息層次，在同一時刻提供進入多個平級信息類的入口。
在iPad上，你可能會在分欄或浮出層里下使用tab欄，用于切換或過濾內容。但是，在浮出層或分欄底部放置分段控件會更好，因為在視覺上分段控件長的更協(xié)調。更多信息請詳見“分段控件”
考慮在tab上打紅色小創(chuàng)可貼，柔和地溝通信息。你可以在tab上打上小創(chuàng)可貼，用以顯示那個tab下的視圖或模式有新信息。
調用系統(tǒng)提供的tab圖標要遵循使用規(guī)范。詳情請查看 “工具欄和導航欄中使用的標準按鈕”。
如果你決定定制自己的導航欄控件，請到 “導航欄、工具欄和tab欄上用的圖標”查看設計建議。
|