活動指示器

活動指示器表明任務(wù)或進程正在進行中，如下圖所示。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/activity_indicator_2x.png" alt="" />

API提示：
若想要了解如何在代碼中定義活動指示器，可以參考UIActivityIndicatorView Class Reference.

活動指示器：

• 當任務(wù)進行和加載時旋轉(zhuǎn)，任務(wù)完成后自動消失
• 不支持用戶交互行為

在工具欄或主視圖中使用活動指示器來告知用戶任務(wù)或加載正在進行中，但并不提示該過程何時會結(jié)束。
不要使用靜止的活動指示器。用戶會以為該進程停滯了。
用活動指示器來讓用戶知道進程仍在進行中。有些時候，告訴用戶進程沒有停止比告訴他們何時完成更加重要。
可以的話，最好可以設(shè)計一個與應(yīng)用的風格協(xié)調(diào)的活動指示器。根據(jù)背景風格給活動指示器選擇合適的尺寸和顏色。

添加聯(lián)系人按鈕

添加聯(lián)系人按鈕讓用戶將現(xiàn)有聯(lián)系人添加到文本框或者其它文字視圖中。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/contact_add_7_2x.png" alt="" />

API提示：
若想要了解如何在代碼中定義添加聯(lián)系人按鈕，參考Buttons.

添加聯(lián)系人按鈕：

• 顯示聯(lián)系人列表
• 幫助用戶將一個聯(lián)系人添加到當前聯(lián)系人按鈕所在的視圖中

使用添加聯(lián)系人按鈕讓用戶在不需要使用鍵盤的情況下就可以方便地訪問到聯(lián)系人。舉個例子，在新建郵件的界面中，用戶可以點擊該按鈕來添加收件人，而不需要用鍵盤輸入收件人的名字。
因為添加聯(lián)系人按鈕是用來替代用鍵盤輸入聯(lián)系人方法，所以在不支持鍵盤輸入的界面中使用添加聯(lián)系人按鈕是不適用的。

日期時間選擇器

日期時間選擇器顯示關(guān)于日期和時間的組件，比如小時，分鐘，天，以及年。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/date_picker_2x.png" alt="" />

API提示：
若想要了解如何在代碼中定義日期選擇器，請參考 Date Pickers.

日期時間選擇器：

• 最多可以展示4個獨立的滑輪，每一個滑輪表示一個不同的值，比如月份或小時等
• 在每個滑輪的中央使用深色字體來表示當前選中的值
• 大小不可更改（與iPhone鍵盤的大小相同）
• 包括四種模式，每一種模式代表了一組不同的值：
• 日期和時間。日期和時間模式（默認模式）包含日期、小時、和分鐘， 以及一個可選的AM/PM值。
• 時間。時間模式包括小時和分鐘，以及可選的AM/PM值。
• 日期。日期模式包括月份，天以及年三個值。
• 倒計時器。倒計時器模式顯示了小時和分鐘值。你可以精確地設(shè)定倒計時間的總時長，倒計時的最大值為23小時59分鐘。

使用日期時間選擇器來讓用戶選擇時間，而不是讓用戶自己輸入一個包含了日期、時間等多個部分的時間值。
盡量地讓用戶在當前界面中使用日期選擇器。最好避免用戶在使用日期選擇器的時候要進入另外一個界面。在iPad上，日期時間選擇器可能會出現(xiàn)在一個浮層中，或者嵌入在當前內(nèi)容里。
有必要的時候，改變分鐘滑輪的單位刻度。在默認情況下，分鐘滑輪包含從0到59共60個值，如果你要展示一個顆粒度較大的時間，你可以讓分鐘滑輪的單位刻度變大，只要這個刻度可以整除60。比如說你可能會設(shè)定每15分鐘為一個刻度，此時分鐘滑輪就有4個值，0、15、30、45。

詳情展開按鈕

詳情展開按鈕展示了與該項相關(guān)的更多詳細信息與功能描述。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/detail_disclosure_2x.png" alt="" />

API提示： 若想要了解如何在代碼中定義詳情展開按鈕，可以參考 UITableViewCell Class Reference 和Buttons.

詳情展開按鈕以一個單獨的視圖展示特定項目的更多詳情信息與功能。
當詳情展開按鈕在表格行中出現(xiàn)時，點擊表格行的其它區(qū)域不會激活此按鈕，只會選中該行，或者觸發(fā) app 中其它自定義的行為。
一般來說，你會在一個表格視圖中使用詳情展開按鈕來讓用戶知道更多關(guān)于這個列表項的信息。當然你也可以將這個按鈕用在其它類型的視圖中來為用戶展示更多與特定項目相關(guān)的信息和功能。

信息按鈕

信息按鈕展示了 app 的配置信息，有時候它會出現(xiàn)在當前視圖的背面。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/info_button_2x.png" alt="" />

API提示： 若想要了解如何在代碼中定義信息按鈕，可以參考Buttons.

iOS包含了兩種信息按鈕樣式：適用于淺色內(nèi)容上的深色按鈕，以及適用于深色內(nèi)容上的淺色按鈕。
使用信息按鈕來顯示app的配置信息或選項。你可以根據(jù)自己app的UI風格來選擇最為協(xié)調(diào)的信息按鈕樣式。

標簽

標簽用于顯示靜態(tài)文本。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/labels_2x.png" alt="" />

API提示：
若想要了解如何在代碼中定義標簽，可以參考UILabel Class Reference.

標簽可以：

• 顯示任意數(shù)量的靜態(tài)文本
• 不支持除了文本復(fù)制以外的任何用戶交互行為

你可以使用標簽來命名或描述你的部分 UI，又或者用它來給用戶提供一些簡單的信息。標簽最適合拿來展示相對簡單的文本信息。
保證你的標簽清晰易讀。最好支持動態(tài)文本(Dynamic Type)，并使用 UIFont 中的preferredFontForTextStyle來獲得標簽中的展示文本。如果你要用自定義字體的話，請慎重選擇字體種類，不要以犧牲清晰度為代價來換取花哨的顏色和字體效果。（想要了解關(guān)于app中字體使用的指南，可以參考 Color and Typography;想要了解更多動態(tài)文本的內(nèi)容，可以參考 Text Programming Guide for iOS 里面 的 Text Styles 部分。）

網(wǎng)絡(luò)活動指示器

網(wǎng)絡(luò)活動指示器在狀態(tài)欄中出現(xiàn)，表示網(wǎng)絡(luò)活動正在進行。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/network_activity_indicator_7_2x.png" alt="" />

API提示：
你可以在代碼中使用 UIApplication 方法networkActivityIndicatorVisible來控制該活動指示器的可見性。
網(wǎng)絡(luò)活動指示器：

• 出現(xiàn)在狀態(tài)欄中，當網(wǎng)絡(luò)活動正在進行時它會旋轉(zhuǎn)，在活動停止時它則消失
• 不支持用戶交互行為

當你的 app 正在鏈接網(wǎng)絡(luò)，而這個連接過程將會持續(xù)好幾秒的時候，你可以通過網(wǎng)絡(luò)活動指示器來給用戶以反饋。如果進程所需時間很短，則不必要使用它，因為很可能在用戶注意到它之前，它就消失了。

頁面控件

頁面控件告訴用戶當前共打開了多少個視圖，還有他們正停留在哪一個視圖。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/page_control_weather_2x.png" alt="" />

API提示：
想要了解如何在代碼中定義頁面控件，可以參考 Page Controls.

頁面控件：

• 顯示一系列圓點，每個圓點對應(yīng)一個已經(jīng)打開的視圖（從左到右，高亮的圓點代表了視圖打開的先后順序）。
• 默認情況下，使用不透明點來標識當前打開的視圖，使用半透明點來表示所有其它視圖。
• 不支持用戶訪問不連續(xù)的視圖
• 當視圖數(shù)量超過頁面寬度可承載的范圍時，點的大小和間距并不會因此變小，如果需要顯示的點超過一定數(shù)量，系統(tǒng)會把它截斷。
• 系統(tǒng)默認不支持視圖間的切換，你必須自己實現(xiàn)兩個視圖的切換并適時更新頁面控件的狀態(tài)。

當你的目的是讓用戶知道一共打開了多少個視圖而不是幫助他們選擇一個視圖時，也就是當你的 app 中所有的視圖都屬于同級的時候，你可以使頁面控件。

當你的 app 結(jié)構(gòu)存在信息層級，請不要使用頁面控件。因為頁面控件不顯示視圖之間的關(guān)系，也不能讓用戶跟蹤自己的訪問路徑回到上一級。

避免顯示太多的點。10 個點以上就會讓用戶一眼看不過來，在 app 里打開 20 個視圖是非常耗時的。如果用戶真的需要打開 20 個視圖，你就該好好想想其他辦法怎樣顯示更多內(nèi)容了。

將頁面控件垂直居中放置于當前打開視圖的底邊與屏幕底邊之間，這樣可以保證它的可見性而又不會對內(nèi)容造成干擾。

選擇器

選擇器展示了一組值，用戶可以從中選擇一個。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/picker_2x.png" alt="" />

API提示：若想要了解如何在代碼中定義選擇器，請參考UIPickerView Class Reference.

選擇器：

• 是日期時間選擇器的通用模式
• 包括一個或多個滑輪，每個滑輪含有一組值
• 以深色標識在中間表示當前選中的值
• 不可以自定義大小（選擇器的大小與 iPhone 的鍵盤相同）

使用選擇器可以讓用戶更容易從一組不同的值中間進行選擇。
一般來說，當用戶對整組值都比較熟悉的時候，可以使用選擇器。由于當滑輪靜止的時候，大部分的數(shù)值會被隱藏，最好是在用戶對所有數(shù)值均有預(yù)期的情況下才使用選擇器。當你需要展示一大組用戶并不熟悉的選項，此種選擇器可能不太適合。
盡可能讓讓用戶在當前視圖中使用選擇器。不要讓他們在使用選擇器時還要進入其它的視圖。
如果你需要展示的備選項數(shù)量很多，考慮使用表格視圖(Table View)而不是選擇器。因為表格視圖的高度較大，內(nèi)容滾動起來會更快。

進度視圖

進度視圖展示了任務(wù)或進程的進度（下圖是 iOS 默認的郵件 App 的工具欄）。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/progress_view_2x.png" alt="" />

API提示：
若想要了解更多如何在代碼中定義進度視圖，參考UIProgressView Class Reference.

進度視圖：

• 是一條軌跡，隨著進程的進行從左向右進行填充
• 不支持用戶交互行為

iOS 定義了兩種進度視圖樣式：

• 默認(Default).默認樣式適合用在 app 的主要內(nèi)容區(qū)中。
• 進度條(Bar).此樣式比默認樣式細，適合用在工具欄中。

當一個任務(wù)存在明確的進程，可以使用進度條來給與用戶反饋，尤其是告訴用戶這個任務(wù)大約需要多少時間才能完成。 可以的話，請根據(jù)你的 app 的風格來設(shè)計進度條的外觀。你可以自定義進度條的底色以及軌跡顏色，也可以直接使用圖片。

刷新控件

刷新控件執(zhí)行用戶觸發(fā)的內(nèi)容刷新——一個典型的例子，它常在表格中出現(xiàn)（下圖展示的是 iOS 默認的郵件 app 的 mailbox 列表頁）。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/refresh_control_2x.png" alt="" />

API提示：
若想要了解如何在代碼中定義刷新控件，請參考UIRefreshControl Class Reference.

刷新控件：

• 看起來類似活動指示器
• 可以顯示一個標題
• 默認狀態(tài)下不可見，當用戶在表格上緣往下拖拽以刷新內(nèi)容時才出現(xiàn)

就算你使用了刷新控件，也不要因此就不支持內(nèi)容自動刷新。盡管用戶喜歡在執(zhí)行刷新操作時內(nèi)容立刻刷新，他們也同樣會喜歡內(nèi)容自動刷新。如果過于依賴用戶自己執(zhí)行所有刷新操作的話，那些不會自動刷新的用戶就會疑惑，為何你app中的數(shù)據(jù)永遠都不更新。一般來說，刷新控件給了用戶多一個選擇，讓他們可以立刻獲得最新的內(nèi)容，但同時，你也不能奢望用戶會主動獲取所有的更新信息。
只有在必要的時候才加短標題。特別需要注意的是，不要使用短標題來描述刷新控件怎么使用。

圓角矩形按鈕

iOS 7 已經(jīng)不再使用圓角矩形按鈕，而是使用了新的系統(tǒng)按鈕——類型為 UIButtonTypeSystem 的 UI 按鈕(UIButton).使用指南可參考System Button.

分段控件

分段控件是一組分段的線性集合，每一個分段的作用類似按鈕，點擊之后將切換到相應(yīng)的視圖。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/segmented_control_2x.png" alt="" />

API提示：
想要了解如何在代碼中定義分段控件，請參考 Segmented Controls.

分段控件：

• 由兩個或以上的分段組成，根據(jù)需要分段的數(shù)量按比例分成寬度相同的小段
• 可以包含文字或者圖片

使用分段控件來提供密切相關(guān)而又互斥的選項。
保證每個分段都容易點擊。為了保證每個分段的大小有至少 44×44 像素，要控制分段的數(shù)量。在 iPhone 上，1 個分段控件最多包含 5 個分段。
盡可能地保持每個分段中的文字長度一致。因為每個分段都是等寬的，當文本長度差異很大時看上去會很不協(xié)調(diào)。
不要在同一個分段控件中混用文字和圖片。每一個分段都僅可支持純文字或純圖片。避免在同一個分段控件中，一些分段里使用純文字，另一些分段里使用純圖。
如果你自定義了分段控件的外觀，請在必要時調(diào)整分段控件中文本的對齊方式。如果你給分段控件添加了自定義底圖，請確?？丶镒詣泳又械奈谋疽廊徽麧嵜烙^。你可以通過bar metrics APIs 來調(diào)整分段控件內(nèi)文本的對齊方式(想要了解如何定義bar metrics，可以參考UISegmentedControl 中關(guān)于自定義API外觀(appearance-customization APIs)的描述)。

滑塊

滑塊允許用戶在一個限定范圍內(nèi)調(diào)整某個數(shù)值或進程(下圖展示的是iOS設(shè)置中亮度設(shè)置的滑塊，滑塊的左邊和右邊均為自定義圖形)。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/slider_2x.png" alt="" />

API提示：
若想要了解如何在代碼中定義滑塊，請參考 Sliders.

• 由一條水平的軌跡和 Thumb(滑塊中支持用戶水平拖拽的圓形控件)組成
• 支持使用自定義圖片來直觀的顯示左邊和右邊對應(yīng)的最小值與最大值的含義
• 左邊緣最小值到 Thumb 之間的部分是填充軌道

使用滑塊來讓用戶精準地選擇自己想要的值，或者控制當前的進程。

如果合適的話，自定義滑塊的外觀。比如，你可以：

• 定義 Thumb 的外觀，讓用戶一看就知道滑塊當前的狀態(tài)
• 在軌跡的左右兩端使用自定義圖片分別代表最小值和最大值，讓用戶直觀的感受這個滑塊的用途。比如說，一個圖調(diào)整圖片尺寸的滑塊可以在最小值的左邊放一張小圖，在最大值的右邊放一張大圖。
• 根據(jù) Thumb 所在的位置和當前滑塊的狀態(tài)來為滑塊的軌跡定義不同的顏色

不要用滑塊控制音量。若你需要控制音量，請調(diào)用MPVolumeView類使用系統(tǒng)自帶的音量滑塊。如果當前音頻輸出設(shè)備不支持音量控制，音量滑塊會被適合的設(shè)備代替。

步進器

步進器可以以常數(shù)為幅度來增減當前數(shù)值。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/stepper_2x.png" alt="" />

API提示：
若想要了解如何在代碼中定義步進器，請參考 Steppers.

步進器：

• 是一個兩段控件，其中一段默認顯示減號，另一端默認顯示加號
• 支持自定義圖片
• 不展示用戶更改的值

當用戶想要對數(shù)值進行小幅度調(diào)整時，可以使用步進器.
當用戶需要大幅度調(diào)整數(shù)值的時候，不要使用步進器。用戶可能會在打印機里使用步進器來確定打印份數(shù)，因為這個值的變化幅度通常并不大；而當用戶需要選擇打印的頁碼范圍時，使用步進器就會讓操作變得繁瑣，因為用戶很可能要點很多下才能選定頁數(shù)。
要保證步進器所調(diào)整的值明確可見。步進器自身不展示任何數(shù)值，所以你需要保證讓用戶知道他們正在調(diào)整哪一個數(shù)值。

開關(guān)按鈕

一個開關(guān)按鈕展示了兩個互斥的選項或狀態(tài)。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/switch_on_2x.png" alt="開啟" />
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/switch_off_2x.png" alt="關(guān)閉" />

API提示：
若想要了解如何在代碼中定義開關(guān)，參考 Switches.

開關(guān)按鈕：

• 顯示了一個項存在的二元狀態(tài)
• 僅在表格視圖中可用

在表格中使用開關(guān)按鈕來讓用戶從某一項的兩個互斥狀態(tài)中指定一個，比如是/否(Yes/No)，開/關(guān)(On/Off)。
你可以使用開關(guān)按鈕來控制視圖中的其它UI元素。根據(jù)用戶的選擇，新的列表項可能出現(xiàn)或者消失，或從激活狀態(tài)變?yōu)椴患せ顮顟B(tài)。

系統(tǒng)按鈕

系統(tǒng)按鈕執(zhí)行app中定義的行為。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/system_button_2x.png" alt="" />

API提示：
在 iOS 7 中，UIButtonTypeRoundedRect 已經(jīng)被重新定義為 UIButtonTypeSystem。如果在 iOS 6 中使用了圓角矩形按鈕，在連接到iOS 7的時候會自動替換為新的系統(tǒng)按鈕。想要了解如何在代碼中定義系統(tǒng)按鈕，參考 Buttons.

系統(tǒng)按鈕：

• 默認狀態(tài)下不含邊界，也不含背景圖
• 可以是圖標或者文字標題
• 支持自定義樣式，如描邊或者加背景圖(想要自定義按鈕外觀，可以使用 UIButtonTypeCustom 類型的按鈕，并且提供背景圖片)

使用系統(tǒng)按鈕來執(zhí)行某個動作。當你為系統(tǒng)按鈕命名時，請遵循以下方法：

• 使用動詞或動詞短語來描述按鈕所代表的動作。這種命名方法告訴用戶這個按鈕是可交互的，也提示了用戶點擊之后會執(zhí)行什么操作
• 使用標題式大寫(title-style capitalization，每個單詞的首字母均大寫)。除了冠詞，并列連詞以及少于4個字母的介詞外，標題中每個單詞的首字母均大寫。
• 標題不要太長。太長的標題會被截斷，讓用戶難以理解其含義。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/phone_bordered_buttons_2x.png" alt="" />

合適的話，為內(nèi)容區(qū)域內(nèi)的系統(tǒng)按鈕描邊或者加入背景。大多數(shù)情況下，你可以通過定義一個清晰的按鈕名稱、選擇一個不一樣的標題顏色或提供上下文情景提示來讓用戶知道這是一個按鈕而非普通文本。但在某些特定的內(nèi)容區(qū)域內(nèi)，為按鈕描邊或者添加背景顏色，讓用戶迅速地把注意力放到按鈕上，也是必要的。
以iPhone為例，給數(shù)字按鍵添加圓形邊框強化了用戶撥電話號碼時的心理模型，而撥號（Call）按鈕的背景色讓用戶擁有了更明確的點擊目標。

文本框

文本框支持用戶輸入單行的文本。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/text_field_2x.png" alt="" />

API提示：
若想要了解如何在代碼中定義文本框，以及在文本框中支持圖片和按鈕，請參考 Text Fields.

文本框：

• 高度固定，包含圓角
• 當用戶點擊它時，自動喚起輸入鍵盤
• 可以包含系統(tǒng)提供的按鈕，如書簽按鈕(Bookmarks)
• 可以展示多種文字樣式(了解更多請參考 UITextView)

使用文本框來獲取用戶輸入的少量信息。

你可以自定義一個文本框，幫助用戶更好地理解如何使用它。舉個例子，你可以在文本框的左側(cè)或者右側(cè)加入自定義圖形，或者加入系統(tǒng)提供的按鈕，如書簽按鈕等。一般來說，文本框的左側(cè)用于表述文本框的含義，而右側(cè)用于展示附加的功能，如書簽。

合適的話，在文本框右側(cè)加入清除按鈕。輕擊清除按鈕變可清空當前框內(nèi)輸入的全部內(nèi)容，包括你原本打算在這個按鈕上面展示的其它圖片。

如果可以幫助用戶理解的話，可以在文本框中加入提示文字。當文本框里沒有任何其它提示文字時，會展示占位符文本(placeholder text)，如名字、地址等。

根據(jù)輸入內(nèi)容的類型來指定不同的鍵盤類型。舉例來說，你希望用戶能更方便地輸入網(wǎng)址、密碼或者電話號碼。iOS提供了各種不同的鍵盤類型，以便用戶輸入不同類型的文本。想要了解可用鍵盤類型，可以參考UITextInputTraits Protocol Reference中的[UIKeyboardType]().想要了解如何在管理你的應(yīng)用中的鍵盤，請參考iOS App Programming Guide中的Managing the Keyboard部分。但請注意，由于鍵盤的布局以及輸入方法是由用戶的系統(tǒng)語言設(shè)置決定的，這部分是你不能控制的。