1、活動(dòng)指示器

活動(dòng)指示器表明進(jìn)程或任務(wù)正在進(jìn)行中

注：微博清空緩存

（1）當(dāng)任務(wù)加載和進(jìn)行時(shí)旋轉(zhuǎn)，任務(wù)完成后自動(dòng)消失（針對(duì)系統(tǒng)默認(rèn)樣式）

（2）不支持用戶交互行為

注：Pinterest添加賬戶

2、日期時(shí)間選擇器

日期時(shí)間選擇器展示關(guān)于日期和時(shí)間的組件

（1）最多可以展示四個(gè)獨(dú)立的滑輪，每一個(gè)滑輪列表標(biāo)識(shí)一個(gè)不同的值

（2）日期選擇器的大小與與iPhone鍵盤的大小相同，并且不可該更

（3）包括四種模式，每種模式包含一組不同的值

日期和時(shí)間：日期、小時(shí)、分鐘

時(shí)間：小時(shí)和分鐘以及可選的上午/下午

日期：年、月、日

倒計(jì)時(shí)：小時(shí)、分鐘，可以精確的設(shè)定總共的倒計(jì)時(shí)時(shí)間

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

網(wǎng)絡(luò)活動(dòng)指示器在狀態(tài)欄中出現(xiàn)，標(biāo)識(shí)網(wǎng)絡(luò)活動(dòng)正在進(jìn)行。例如：當(dāng)重新進(jìn)入app，系統(tǒng)進(jìn)行自動(dòng)刷新時(shí)，顯示正在進(jìn)行網(wǎng)絡(luò)活動(dòng)

4、頁(yè)面控件

頁(yè)面控件告訴用戶打開(kāi)了多少個(gè)視圖以及他們正處在哪一個(gè)視圖當(dāng)中

注：微信圖片瀏覽

（1）不支持用戶訪問(wèn)不連續(xù)的視圖（不能直接跳轉(zhuǎn)至相鄰視圖以外的視圖）

注：掌盟

（2）默認(rèn)情況下，不支持視圖之間的導(dǎo)航

注：天氣

（3）頁(yè)面控件是為所有視圖平等的場(chǎng)景設(shè)計(jì)的

注：豆瓣閱讀

（4）避免顯示太多點(diǎn)，超過(guò)10個(gè)很難讓用戶一目了然

注：下廚房

總結(jié)：頁(yè)面控件多用來(lái)展示平行層級(jí)的內(nèi)容信息，在有限的屏幕控件內(nèi)延展可以展示的內(nèi)容數(shù)量，左右滑動(dòng)切換，也很適合用戶單手操作瀏覽信息

5、選擇器

選擇器包含了一組值，用戶可以從中選擇一個(gè)相應(yīng)的值

（1）選擇器是日期時(shí)間選擇器的通用模式

（2）不可以自定義大小（跟iPhone鍵盤相同）

（3）當(dāng)你需要展示的備選數(shù)量很多時(shí)，可以考慮使用表格視圖

總結(jié)：選擇器多用在選擇地區(qū)、年齡、性別等編輯操作中，用來(lái)選擇一系列同一類別下的子項(xiàng)

6、刷新控件

刷新控件執(zhí)行用戶觸發(fā)的內(nèi)容刷新

注：下廚房

注：知乎

（1）刷新控件可以出現(xiàn)在標(biāo)題中

（2）使用了刷新控件，同時(shí)也應(yīng)支持自動(dòng)刷新，刷新控件給用戶多一個(gè)選擇

（3）可以根據(jù)產(chǎn)品風(fēng)格設(shè)計(jì)相應(yīng)的刷新控件樣式

7、分段控件

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

（1）有兩個(gè)或以上的分段組成，每一個(gè)分段的寬度相同

（2）可以包含文字或圖片

（3）一個(gè)分段控件最多包含五個(gè)分段

（4）不要在一個(gè)分段中混用文字或圖片

注意：Android中類似的控件為固定選項(xiàng)卡以及滾動(dòng)選項(xiàng)卡，可以左滑或右滑在不同的視圖之間進(jìn)行切換，并且可以擴(kuò)展更多的分類視圖，更加便于用戶操作。iOS中也大量采用這種交互方式，在視圖之間可以左滑右滑切換視圖，用戶操作上更加地便捷

注：網(wǎng)易云音樂(lè)

注：NEXT

注：36氪

注：QQ空間

注：知乎

8、滑塊

滑塊允許用戶在一個(gè)限定范圍內(nèi)調(diào)整某個(gè)數(shù)值或進(jìn)程

總結(jié)：滑塊多用來(lái)控制音量、控制進(jìn)度、控制大小（字體）、控制亮度等，例如在線閱讀書籍、在線播放視頻等沉浸式體驗(yàn)中

9、開(kāi)關(guān)按鈕

開(kāi)關(guān)按鈕展示了兩個(gè)互斥的選項(xiàng)或狀態(tài)

（1）開(kāi)關(guān)按鈕僅在表格視圖中可用

另：開(kāi)關(guān)的操作方式隱喻了電燈開(kāi)關(guān)，兩種操作分別對(duì)應(yīng)兩種不同的功效

10、系統(tǒng)按鈕

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

（1）默認(rèn)狀態(tài)下不含邊界，也不含背景圖

（2）可以是圖標(biāo)或者文字標(biāo)題

（3）支持自定義樣式，如描邊或者加背景圖

注意：按鈕的幾種狀態(tài)：正常狀態(tài)、選中狀態(tài)、禁用狀態(tài)，每種狀態(tài)所對(duì)應(yīng)的按鈕樣式

11、文本框

（1）根據(jù)輸入內(nèi)容的類型來(lái)指定不同的鍵盤

（2）輸入框中增加幫助用戶理解的提示文字

（4）合適的情境下，在文本框右側(cè)加入清除按鈕

注意：文本框與文本視圖（下一篇中會(huì)提到）的區(qū)別，文本框只能輸入單行文本，例如通常用來(lái)填寫用戶名、密碼、手機(jī)號(hào)等等，適合增加清除按鈕

本篇是“iOS交互設(shè)計(jì)基礎(chǔ)”第二篇，后面會(huì)更新最后一篇關(guān)于視圖的介紹