iOS10發(fā)布了，蘋(píng)果遵循了一切從簡(jiǎn)但又增加了一些提升用戶體驗(yàn)的功能，比如向開(kāi)發(fā)者開(kāi)放了更多接口，設(shè)計(jì)者又如何跟隨iOS的步伐做好產(chǎn)品設(shè)計(jì)呢？本文是系列文章的完結(jié)篇，enjoy~

7. UI視圖（UI Views）

7.1 操作列表（Action Sheets）

操作列表是一種對(duì)某個(gè)控件或操作作出應(yīng)答的特殊形式的警告框，它展示了與當(dāng)前內(nèi)容相關(guān)的一組選項(xiàng)（兩個(gè)或更多）。使用操作列表讓用戶觸發(fā)任務(wù)，或是在用戶執(zhí)行某個(gè)有潛在破壞性的操作前請(qǐng)求用戶確認(rèn)。在小屏幕，操作列表從屏幕底部向上滑出。在大屏幕，操作列表會(huì)以浮出層的形式突然出現(xiàn)。

提供取消按鈕，如果它能加強(qiáng)明確性。當(dāng)用戶想要放棄任務(wù)時(shí)，取消按鈕給予了他們信心。屏幕底部出現(xiàn)的操作列表最下方應(yīng)該有個(gè)取消按鈕。

突出破壞性的選項(xiàng)。對(duì)那些執(zhí)行破壞性或危險(xiǎn)操作的按鈕使用紅字，并且在操作列表的頂部放置這些按鈕。

避免讓用戶滾動(dòng)操作列表。如果操作列表有太多選項(xiàng)，用戶就必須通過(guò)滾動(dòng)查看所有的選項(xiàng)。滾動(dòng)需要用戶花更多的時(shí)間做決定，并且在滾動(dòng)過(guò)程中容易誤點(diǎn)某個(gè)選項(xiàng)。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UIAlertController中的UIAlertControllerStyleActionSheet。

7.2 活動(dòng)視圖（Activity Views）

一個(gè)活動(dòng)就是一個(gè)在當(dāng)前環(huán)境下有意義的任務(wù)，比如復(fù)制、收藏或是查找。一旦活動(dòng)被觸發(fā)，它可以立即執(zhí)行一個(gè)任務(wù)，也可以在開(kāi)始前請(qǐng)求更多的信息?；顒?dòng)由活動(dòng)視圖管理，根據(jù)設(shè)備和橫豎屏的不同，以表單或浮出層的形式出現(xiàn)。使用活動(dòng)向用戶提供你的app能夠執(zhí)行的自定義服務(wù)或任務(wù)。

系統(tǒng)提供了一系列內(nèi)置的活動(dòng)，比如打印、Twitter、信息和Airplay。這些任務(wù)總是在活動(dòng)視圖的最前列出現(xiàn)，并且不能被重新排列。你無(wú)須為執(zhí)行這些內(nèi)置任務(wù)創(chuàng)建自定義活動(dòng)?；顒?dòng)視圖還能展示來(lái)自其它app的分享和操作插件。請(qǐng)參閱Sharing and Actions。

設(shè)計(jì)能夠代表你的自定義活動(dòng)的簡(jiǎn)單的模板圖像。模板圖像（template image）利用遮罩(mask)創(chuàng)建圖標(biāo)。模板圖像應(yīng)使用透明度合適和經(jīng)過(guò)抗鋸齒處理的黑色和白色，并且不包含陰影。模板圖像應(yīng)該被放置在一塊大約為70px*70px尺寸的區(qū)域中心。

設(shè)計(jì)能夠簡(jiǎn)扼描述你的任務(wù)的活動(dòng)標(biāo)題。在活動(dòng)視圖中，標(biāo)題顯示在圖標(biāo)下方。短標(biāo)題是最佳的。當(dāng)標(biāo)題過(guò)長(zhǎng)，iOS首先會(huì)縮小字體，若文本實(shí)在過(guò)長(zhǎng)， iOS會(huì)截?cái)嗨?。一般?lái)說(shuō)，避免在標(biāo)題中包含你的公司或產(chǎn)品名字。

確?；顒?dòng)在當(dāng)前環(huán)境中是合適的。雖然系統(tǒng)提供的任務(wù)在活動(dòng)視圖中不能被重新排列，但當(dāng)它們對(duì)你的app不適用時(shí)，你可以去除它們。比如，你可以通過(guò)去除打印活動(dòng)而阻止用戶在你的app中打印圖片。你也可以在特定的時(shí)候讓特定的自定義任務(wù)出現(xiàn)。

通過(guò)操作按鈕呼出操作視圖。用戶已經(jīng)習(xí)慣了通過(guò)點(diǎn)擊操作按鈕來(lái)進(jìn)入系統(tǒng)提供的活動(dòng)。避免用其它方式替代，從而讓用戶感到困惑。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UIActivityViewContoller和UIActivity。

7.3 警告框（Alerts）

警告框傳達(dá)了與你的app或設(shè)備狀態(tài)相關(guān)的重要信息，并且通常在請(qǐng)求用戶反饋。警告框由標(biāo)題、描述信息（可選）、一個(gè)或多個(gè)按鈕和用于獲取用戶輸入的文本框（可選）。除了這些可配的元素之外，警告框的視覺(jué)外觀
是固定的的且不能被自定義。

盡可能少地使用警告框。警告框會(huì)中斷用戶體驗(yàn)，只有在重要情境下才能使用，比如確認(rèn)購(gòu)買、破壞性操作（如刪除），或是通知用戶當(dāng)前出現(xiàn)了問(wèn)題。正是因?yàn)榫婵虻暮币?jiàn)性，才讓用戶更加重視警告框。確保每個(gè)警告框都提供了關(guān)鍵的信息和有用的選項(xiàng)。

在橫屏和豎屏下雙重測(cè)試警告框的外觀。警告框可能在橫屏和豎屏模式下看起來(lái)有所區(qū)別。優(yōu)化警告框文本，確保用戶在任一模式下都無(wú)需滑動(dòng)操作即可完整閱讀。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UIAlertController。

（1）警告框標(biāo)題和信息

使用簡(jiǎn)短的、描述性的、多詞語(yǔ)的警告框標(biāo)題。用戶需要在屏幕上閱讀的文本越短越好。嘗試更多地推敲標(biāo)題，以避免額外添加信息文本。由于單詞語(yǔ)的標(biāo)題很少能提供有用信息，考慮使用問(wèn)句或是短句。盡可能控制標(biāo)題字?jǐn)?shù)在一行內(nèi)。使用句子式大寫(xiě)，并用合適的標(biāo)點(diǎn)符號(hào)為句子結(jié)尾。不要給句子片段（譯者注：不完整的殘缺句）加上結(jié)束標(biāo)點(diǎn)。

如果你必須提供一段信息，請(qǐng)使用簡(jiǎn)短、完整的句子。盡量將說(shuō)明信息控制在一到兩行之內(nèi)，這樣用戶就無(wú)需通過(guò)滾動(dòng)查看。使用句子式大寫(xiě)和合適的標(biāo)點(diǎn)符號(hào)。

避免使用指責(zé)的、苛刻的或是無(wú)禮的語(yǔ)氣。用戶知道警告框是為了通知他們發(fā)生的問(wèn)題和危險(xiǎn)情況。只要你使用友好的語(yǔ)氣，那么表現(xiàn)地消極和直接一些好過(guò)一味的積極和隱晦。避免使用“你”、“你的”、“我”和“我的”之類的代詞，因?yàn)樗鼈兂１焕斫鉃闊o(wú)禮和傲慢。

避免對(duì)警告框按鈕做出解釋。如果警告框文本和按鈕標(biāo)題足夠明了，那么就無(wú)需對(duì)按鈕的用途做出多余的解釋。在極少數(shù)需要為按鈕提供指導(dǎo)的情況下，請(qǐng)使用詞語(yǔ)“輕擊（tap）”，并且在提到按鈕名稱時(shí)使用大寫(xiě)，并且不要添加雙引號(hào)。

（2）警告框按鈕

通常情況下，使用雙按鈕警告框。雙按鈕警告框提供了在兩個(gè)選項(xiàng)中快速抉擇的途徑。單按鈕警告框只負(fù)責(zé)通知，卻未給予用戶對(duì)當(dāng)前情勢(shì)的控制權(quán)。擁有三個(gè)或以上按鈕的警告框增加了復(fù)雜性，并可能需要滾動(dòng)操作，而這恰是一種不良的用戶體驗(yàn)。如果你發(fā)現(xiàn)自己需要兩個(gè)以上的按鈕，可以考慮用操作列表代替。請(qǐng)參閱Action Sheets。

使用簡(jiǎn)明合理的按鈕標(biāo)題。最好的按鈕標(biāo)題應(yīng)該包含一個(gè)或兩個(gè)能夠描述選擇按鈕后的結(jié)果的詞語(yǔ)。對(duì)于所有的按鈕標(biāo)題，使用標(biāo)題式大寫(xiě)，并且不含標(biāo)點(diǎn)符號(hào)。盡可能地，使用與警告框標(biāo)題或信息直接對(duì)應(yīng)的動(dòng)詞或動(dòng)詞性詞組，比如，“查看全部”、“回復(fù)”、或“忽略”。使用“好的（OK） ”表示簡(jiǎn)單的接受。避免使用“是”或“否”。

在用戶預(yù)期的位置放置按鈕。一般來(lái)說(shuō)，用戶最可能輕擊的按鈕應(yīng)該在右邊。取消按鈕應(yīng)該在左邊。

為有取消功能的按鈕合理命名。一個(gè)能夠取消警告框操作的按鈕就該被命名為“取消”。

識(shí)別會(huì)產(chǎn)生破壞性結(jié)果的按鈕。如果一個(gè)警告框按鈕會(huì)產(chǎn)生破壞性的操作，比如刪除內(nèi)容，那么請(qǐng)將按鈕樣式設(shè)定為“Destructive”，這樣它就能通過(guò)系統(tǒng)獲取合適的格式。了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UIAlertAction中的UIAlertActionStyleDestructive常量。另外，為用戶提供一個(gè)“取消”按鈕，讓它們能夠安全地從破壞性操作中退出。通過(guò)標(biāo)記“取消”按鈕為默認(rèn)按鈕，來(lái)加粗按鈕文本。

允許使用“Home”鍵來(lái)取消警告框。當(dāng)警告框出現(xiàn)時(shí)，按住Home鍵會(huì)退出app。但同時(shí)，它應(yīng)該也產(chǎn)生和點(diǎn)擊取消按鈕一樣的效果，即在不執(zhí)行任何操作的情況下關(guān)閉警告框。如果你的警告框沒(méi)有取消按鈕，那么考慮將點(diǎn)擊Home鍵也會(huì)關(guān)閉警告框?qū)懭肽愕拇a中。

7.4 集合（Collections）

一個(gè)集合管理著一組有序的內(nèi)容，比如一組圖片，并且在可自定義的且高度可視化的布局中展示它。因?yàn)榧蠠o(wú)需執(zhí)行嚴(yán)格的線性格式，所以它尤其適合用來(lái)展示大小不同的項(xiàng)目。簡(jiǎn)言之，集合是用來(lái)展現(xiàn)圖片類內(nèi)容的理想視圖。背景及其它裝飾性視圖可以選擇性地用于視覺(jué)上區(qū)分不同組別的項(xiàng)目。

集合同時(shí)支持交互性和動(dòng)畫(huà)。默認(rèn)狀態(tài)下，你可以通過(guò)輕擊(tap)來(lái)選擇，長(zhǎng)按(touch and hold)來(lái)編輯，以及輕掃(swipe)來(lái)滾動(dòng)。如果你的app需要，你可以加入更多的手勢(shì)用于執(zhí)行自定義操作。在集合中，當(dāng)項(xiàng)目被插入、刪除或是重新排序時(shí)會(huì)伴隨默認(rèn)動(dòng)畫(huà)，你也可以使用自定義動(dòng)畫(huà)。

若標(biāo)準(zhǔn)的行或網(wǎng)格布局已能滿足需求，請(qǐng)避免創(chuàng)造顛覆性的新設(shè)計(jì)。集合是為了優(yōu)化用戶體驗(yàn)，而不是變成關(guān)注的中心。讓用戶能更容易選擇一項(xiàng)。如果用戶很難在集合中選中某項(xiàng)，它們會(huì)變得沮喪并且很快地在獲得想要的內(nèi)容前失去興致。在內(nèi)容周圍留有充足的邊距，保持布局的整潔并避免內(nèi)容重疊顯示。

對(duì)于文本，考慮用表格來(lái)替代集合。一般來(lái)說(shuō)，在滾動(dòng)列表中的文字信息更易于閱讀和理解。

請(qǐng)謹(jǐn)慎地對(duì)待布局的動(dòng)態(tài)變化。集合的布局可以隨時(shí)被改變。如果你在用戶查看視圖或是與之交互時(shí)讓它發(fā)生了動(dòng)態(tài)的變化，請(qǐng)確保變化是有意義的并且易于跟蹤。沒(méi)有目的的布局變化會(huì)讓你的app看起來(lái)不可預(yù)知并且難用。如果因?yàn)椴季肿兓鴮?dǎo)致用戶丟失了當(dāng)前關(guān)注的焦點(diǎn)或是瀏覽的內(nèi)容，那么他們很可能會(huì)覺(jué)得自己無(wú)法再控制這個(gè)app了。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UICollectionView。

7.5 圖片視圖（Image Views）

圖片視圖在透明或不透明的背景上展示一張圖片或是一組圖片的動(dòng)態(tài)序列。在圖片視圖中，圖片可以被拉伸、縮放、根據(jù)屏幕調(diào)整大小，或是固定在特定位置。默認(rèn)情況下圖片視圖是不可交互的。

可能時(shí)，確保一個(gè)圖片視圖內(nèi)的所有圖片都尺寸一致。如果你的圖片大小不一，圖片視圖就要逐一調(diào)整尺寸。使用尺寸一致的圖片比使用不同尺寸的圖片更有效率。若是使用已縮放好的且無(wú)需額外調(diào)整的圖片就更加高效。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UIImageView。

Note

模板圖片(template image)會(huì)丟棄圖片本身的色彩，而采用圖片視圖使用的色調(diào)。請(qǐng)參閱UIImage中的UIImageRenderingModeAlwaysTemplate。

7.6 地圖（Maps）

地圖視圖允許你在app內(nèi)展示地理數(shù)據(jù)，并且支持原生地圖應(yīng)用的大部分功能。地圖視圖可以展示標(biāo)準(zhǔn)地圖、衛(wèi)星地圖或是兩者兼有。它可以含有定位標(biāo)簽（大頭針）和疊加圖層，并且支持縮放和平移。

一般情況下，保證你的地圖是可交互的。用戶習(xí)慣了使用手勢(shì)與原生的地圖應(yīng)用交互，并且希望在你的地圖里也能以相同的方式交互。

使用合理的標(biāo)簽（大頭針）顏色。大頭針代表著地圖上你感興趣的點(diǎn)。用戶已經(jīng)熟悉了原生地圖應(yīng)用中的標(biāo)準(zhǔn)大頭針顏色。避免在你的app中對(duì)這些顏色有不同的定義。使用紅色表示重點(diǎn)，綠色表示起點(diǎn)，紫色表示用戶指定的位置。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱MapKit。

7.7 頁(yè)面（Pages）

頁(yè)面視圖控制器提供了在多頁(yè)面內(nèi)容間（比如在文檔中、書(shū)本、筆記本或是日歷中）實(shí)現(xiàn)線性導(dǎo)航的方式。頁(yè)面視圖控制器通過(guò)滾動(dòng)或翻頁(yè)兩種樣式來(lái)處理導(dǎo)航時(shí)頁(yè)面的過(guò)渡。滾動(dòng)過(guò)渡沒(méi)有特定的外觀；頁(yè)面流暢地從當(dāng)前頁(yè)滾動(dòng)至下一頁(yè)。翻頁(yè)過(guò)渡會(huì)在你橫掃屏幕時(shí)讓頁(yè)面翻卷過(guò)去，就好像在現(xiàn)實(shí)中里翻書(shū)頁(yè)一樣。

滾動(dòng)過(guò)渡（查看動(dòng)畫(huà)請(qǐng)移步https://developer.apple.com/ios/human-interface-guidelines/ui-views/pages/）

如果合適的話，設(shè)計(jì)一種非線性的導(dǎo)航方式。使用頁(yè)面視圖控制器時(shí)，頁(yè)面只能按次序變換，你無(wú)法在不相鄰的頁(yè)面間跳轉(zhuǎn)。如果用戶于需要在你的app中不按次序?yàn)g覽頁(yè)面，請(qǐng)?jiān)O(shè)計(jì)一種滿足該功能的自定義控件。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UIPageViewController。

7.8 浮出層（Popovers）

浮出層是一個(gè)當(dāng)你點(diǎn)擊某控件或某塊區(qū)域時(shí)，會(huì)在屏幕內(nèi)其它內(nèi)容上方出現(xiàn)的暫時(shí)視圖。通常來(lái)說(shuō)，浮出層包含一個(gè)指向其出現(xiàn)位置的箭頭。浮出層含有非模態(tài)和模態(tài)兩種形式。非模態(tài)浮出層可以通過(guò)點(diǎn)擊屏幕上其它區(qū)域或是浮出層上的某個(gè)按鈕來(lái)關(guān)閉它。模態(tài)浮出層只能通過(guò)點(diǎn)擊浮出層上的取消或是其它按鈕來(lái)關(guān)閉。

浮出層最適合用于大屏幕，并且可以包含任何一種元素，比如導(dǎo)航欄、工具欄、標(biāo)簽欄、表格、集合、圖片、地圖以及自定義視圖。當(dāng)浮出層出現(xiàn)時(shí)，通常就無(wú)法再與其它視圖進(jìn)行交互，除非浮出層被關(guān)閉。利用浮出層來(lái)展示與當(dāng)前屏幕內(nèi)容相關(guān)的選項(xiàng)或信息。比如，非常多的iPad應(yīng)用會(huì)在你點(diǎn)擊分享按鈕后彈出浮出層來(lái)展示分享選項(xiàng)。

避免在iPhone設(shè)備上展示浮出層。一般來(lái)說(shuō)，浮出層更適用于iPad應(yīng)用。對(duì)于iPhone應(yīng)用，盡量使用全屏的模態(tài)視圖來(lái)展示信息，而非使用浮出層。了解更多指導(dǎo)，請(qǐng)參閱 Modality。

只在確認(rèn)和引導(dǎo)時(shí)使用關(guān)閉按鈕。諸如“取消”或“完成“之類的關(guān)閉按鈕，若是能清晰表明操作結(jié)果（比如，在保存或未保存狀態(tài)下退出），那么就它就有存在的價(jià)值。一般來(lái)說(shuō)，當(dāng)浮出層不再有必要存在時(shí)，它應(yīng)該自動(dòng)關(guān)閉。在大多數(shù)情況下，當(dāng)用戶點(diǎn)擊浮出層外部區(qū)域或是選擇了浮出層內(nèi)的某項(xiàng)后，浮出層應(yīng)該關(guān)閉。如果用戶能在浮出層進(jìn)行多選，那么只有在用戶明確選擇關(guān)閉它或是點(diǎn)擊了浮層的外部區(qū)域時(shí)，它才會(huì)消失。

自動(dòng)關(guān)閉一個(gè)非模態(tài)的浮出層時(shí)替用戶保存當(dāng)前輸入。用戶很容易就會(huì)因誤點(diǎn)屏幕其它區(qū)域而將浮出層關(guān)閉。只有在用戶明確點(diǎn)擊“”取消“”按鈕的情況下才可以丟棄他們的輸入。

在屏幕上的合適位置放置浮出層。浮出層的箭頭應(yīng)該盡可能地指向?qū)⒏雍舫龅脑?。由于浮出層無(wú)法在屏幕中被拖動(dòng)，所以它不應(yīng)該遮擋住用戶在使用浮出層時(shí)可能會(huì)需要查看的重要內(nèi)容。浮出層也不應(yīng)該遮擋住觸發(fā)它的元素。

同一時(shí)間只展示一個(gè)浮出層。同時(shí)展示多個(gè)浮層會(huì)導(dǎo)致界面雜亂無(wú)章，并讓用戶感到困惑。永遠(yuǎn)都不要通過(guò)一個(gè)浮出層觸發(fā)另一個(gè)浮出層的方式，在屏幕上展示并列或堆疊的多個(gè)浮層。如果你需要展示一個(gè)新的浮層，請(qǐng)關(guān)閉當(dāng)前的浮層。

不要在浮出層上展示其它的視圖。除了警告框，任何其它視圖都不應(yīng)該出現(xiàn)在浮出層之上。

可能時(shí)，讓用戶通過(guò)一次點(diǎn)擊就可關(guān)閉當(dāng)前浮層并且打開(kāi)新浮層。當(dāng)欄上有多個(gè)不同的按鈕且每個(gè)會(huì)呼出一個(gè)浮出層時(shí)，尤其應(yīng)當(dāng)考慮避免不必要的點(diǎn)擊次數(shù)。

避免設(shè)計(jì)過(guò)大的浮出層。浮出層不應(yīng)該占據(jù)整個(gè)屏幕。設(shè)計(jì)一個(gè)尺寸足以展示其內(nèi)容的浮出層，并且指向呼出它的地方。請(qǐng)注意系統(tǒng)可能會(huì)調(diào)整浮出層的尺寸以保證其在屏幕上完美展現(xiàn)。

確保自定義浮出層看起來(lái)還是一個(gè)是浮出層。雖然你可以自定義浮出層的大部分視覺(jué)外觀，但是避免創(chuàng)造一個(gè)用戶可能辨認(rèn)不出是浮出層的設(shè)計(jì)。含有標(biāo)準(zhǔn)控件和視圖的浮出層最容易被用戶接受。

當(dāng)浮出層的尺寸變動(dòng)時(shí)提供流暢的過(guò)渡動(dòng)畫(huà)。有些浮出層會(huì)為相同的信息同時(shí)提供精簡(jiǎn)和拓展視圖。如果你要調(diào)整浮出層的尺寸，請(qǐng)使用轉(zhuǎn)場(chǎng)動(dòng)畫(huà)以避免給用戶造成新浮層取代舊浮層的印象。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UIPopoverPresentationController。

7.9 滾動(dòng)視圖（Scroll Views）

滾動(dòng)視圖讓用戶能夠?yàn)g覽超出屏幕可見(jiàn)范圍的內(nèi)容，比如文檔中的文本或是一個(gè)集合的圖片。當(dāng)用戶輕掃、滑動(dòng)、拖曳、輕擊以及捏合時(shí)，滾動(dòng)視圖會(huì)遵循用戶的手勢(shì)，以一種自然的方式顯示或是縮放內(nèi)容。滾動(dòng)視圖本身沒(méi)有外觀，但是在用戶與之交互時(shí)會(huì)顯示一個(gè)暫時(shí)性的滾動(dòng)指示器（ scrolling indicator）。滾動(dòng)視圖也可以被設(shè)置為分頁(yè)模式，此時(shí)滾動(dòng)手勢(shì)會(huì)展開(kāi)一個(gè)全新的頁(yè)面，而不是在當(dāng)前頁(yè)面來(lái)回移動(dòng)。

合理地支持縮放操作。如果你的app需要，可以讓用戶通過(guò)捏合或者雙擊來(lái)縮放。當(dāng)你允許縮放時(shí)，請(qǐng)?jiān)O(shè)置有意義的最大和最小比值。比如，對(duì)一個(gè)文本不斷放大直到其填充屏幕的行為可能在大部分的app中毫無(wú)意義。

當(dāng)滾動(dòng)視圖處于分頁(yè)模式時(shí)，考慮顯示頁(yè)面控件元素。頁(yè)面控件表明了分頁(yè)、分屏或者分塊內(nèi)容的可得總量，并且指明了當(dāng)前顯示的是哪一個(gè)。如果你在滾動(dòng)視圖中展示了頁(yè)面控件，請(qǐng)禁用處在同軸的滾動(dòng)指示器以避免混淆。了解更多指導(dǎo)，請(qǐng)參閱Page Control。

不要在一個(gè)滾動(dòng)視圖內(nèi)放置另一個(gè)滾動(dòng)視圖。這么做會(huì)產(chǎn)生一個(gè)難以控制且不可預(yù)知的界面。

一般而言，同一時(shí)間只展示一個(gè)滾動(dòng)視圖。在滾動(dòng)視圖內(nèi)，用戶常會(huì)作出幅度很大的輕掃手勢(shì)，這樣一來(lái)，就很難避免和同屏內(nèi)相鄰的滾動(dòng)視圖發(fā)生交互。如果你需要在一屏內(nèi)放置兩個(gè)滾動(dòng)視圖，考慮讓他們?cè)诓煌姆较驖L動(dòng)，這樣一個(gè)手勢(shì)就不太可能同時(shí)作用于兩個(gè)視圖。比如，當(dāng)iPhone處于豎屏模式時(shí)，“股市”app會(huì)在水平滑動(dòng)的公司詳情視圖上方展示垂直滾動(dòng)的股票報(bào)價(jià)列表。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UIScrollView。

7.10 分屏視圖（Split Views）

分屏視圖用于展示兩塊相鄰窗格的內(nèi)容，主窗格上的內(nèi)容保持不變，而次窗格會(huì)展示相關(guān)的信息。每一個(gè)窗格都能包含任意種類的元素，包括導(dǎo)航欄、工具欄、標(biāo)簽欄、表格、集合、圖片、地圖以及自定義視圖。分屏視圖一般用于展示可分類內(nèi)容：主窗格展示一列類別目錄，次窗格展示經(jīng)選中類目篩選后的結(jié)果。如果你的app需要，主窗格可以覆蓋在次窗格上，并且在不需要的時(shí)候被隱藏至屏幕外。這點(diǎn)在設(shè)備處于豎屏模式時(shí)尤為重要，因?yàn)樗鼮闉g覽次窗格上的內(nèi)容提供了更多的空間。

選擇一個(gè)適用于你的內(nèi)容的分屏視圖布局。默認(rèn)的分屏視圖分別將1/3和2/3的空間分配給主窗格和次窗格。但是屏幕也可以被平分為兩半。根據(jù)你的內(nèi)容來(lái)選擇合適的分屏，并保證兩個(gè)窗格不會(huì)看起來(lái)不平衡。避免設(shè)計(jì)一個(gè)比主窗格還窄的次窗格。

保持主窗格里被激活的選項(xiàng)高亮。盡管次窗格的內(nèi)容會(huì)變化，它應(yīng)該永遠(yuǎn)與主窗格里清晰易辨的選中項(xiàng)相對(duì)應(yīng)。這樣有助于用戶理解主次窗格之間的關(guān)系。

一般地，限制導(dǎo)航于分屏視圖的一側(cè)。在分屏視圖的兩個(gè)窗格都放置導(dǎo)航會(huì)讓用戶很難保持方向感，并且會(huì)難以明白兩個(gè)窗格間的關(guān)系。

為重新呼出被隱藏的主窗格提供多種方式。在一些主窗格可能會(huì)離開(kāi)屏幕的布局中，請(qǐng)確保能提供提供一個(gè)按鈕——一般在導(dǎo)航欄上——用于重新呼出主窗格。除非你的app已將滑動(dòng)手勢(shì)來(lái)于執(zhí)行其它功能，否則請(qǐng)?jiān)试S用戶也能通過(guò)從屏幕邊緣輕掃(swipe)來(lái)呼出主窗格。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UISplitViewController。

7.11 表格（Tables）

表格通過(guò)一個(gè)可以滾動(dòng)的、單欄的行列表來(lái)呈現(xiàn)數(shù)據(jù)，這個(gè)行列表可以被分成不同的段落或群組。使用表格以列表的形式來(lái)整齊高效地展示大量或少數(shù)的信息。一般來(lái)說(shuō)，表格最最適合于基于文本的內(nèi)容，并且通常在分屏視圖的一側(cè)作為導(dǎo)航出現(xiàn)，并伴有顯示在另一側(cè)的相關(guān)內(nèi)容。請(qǐng)參閱“分屏視圖Split Views”。

iOS采用兩種類型的表格：平鋪型（plain）和分組型（grouped）。

平鋪型。行列表可以被分為幾個(gè)帶有標(biāo)簽的段落，在表格右邊界的還可以有一條縱向索引。頁(yè)眉可以出現(xiàn)在每個(gè)段落的第一項(xiàng)之前，頁(yè)腳可以出現(xiàn)在最后一項(xiàng)之后。

分組型。行列表以分組的形式展示，常伴有頁(yè)眉和頁(yè)腳。這種類型的表格最起碼含有一個(gè)分組，且每個(gè)分組最少含有一行。分組型表格不含有索引。

注意表格的寬度。過(guò)窄的表格會(huì)造成文本截?cái)嗪椭丿B，導(dǎo)致用戶難以在較遠(yuǎn)距離快速閱讀和瀏覽。過(guò)寬的表格也不易于閱讀和瀏覽，還可能會(huì)讓內(nèi)容缺少空白（譯者注：填滿文本的寬表格）。

一開(kāi)始就快速顯示表格內(nèi)容。不要等到全部表格內(nèi)容加載完后，才向用戶展示。應(yīng)該先立即填充表格上的文本數(shù)據(jù)，然后當(dāng)較為復(fù)雜的數(shù)據(jù)加載完成時(shí)再展示它們——比如圖片。這個(gè)技巧讓用戶立即獲得有用的信息，并提升了你的app在用戶認(rèn)知中的響應(yīng)性。在某些情況下，在新數(shù)據(jù)到達(dá)前展示過(guò)時(shí)的老數(shù)據(jù)也能行得通。

加載內(nèi)容時(shí)告知進(jìn)度。如果一個(gè)表格的數(shù)據(jù)需要一定時(shí)間來(lái)加載，可以展示一個(gè)進(jìn)度條或者緩沖圖標(biāo)（spinning activity indicator）來(lái)告知用戶你的app仍在加載中。

保持更新內(nèi)容。考慮定時(shí)更新你的表格內(nèi)容以反映最新數(shù)據(jù)。但是不要更改滾動(dòng)頁(yè)面的定位。反之，在表格的開(kāi)頭或是末尾添加新的內(nèi)容，并在它們準(zhǔn)備就緒時(shí)允許用戶滑動(dòng)至新內(nèi)容。一些apps會(huì)在新數(shù)據(jù)被添加時(shí)顯示一個(gè)標(biāo)志（indicator），并提供一個(gè)能夠直接跳轉(zhuǎn)至新內(nèi)容的控件。在頁(yè)面中包含一個(gè)刷新控件也是個(gè)好主意，這樣用戶就可以在任意時(shí)刻手動(dòng)執(zhí)行刷新操作。請(qǐng)參閱“內(nèi)容刷新控件Refresh Content Controls”。

避免在含有右對(duì)齊元素的表格行中包含索引。索引是通過(guò)大幅度的滑動(dòng)手勢(shì)來(lái)控制的。如果其它可交互元素在它附近，比如展開(kāi)按鈕（disclosure indicators），那么就很難辨別用戶手勢(shì)的意圖，并且很可能會(huì)激活錯(cuò)誤的元素。

了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UITableView。

（1）表格行

你使用標(biāo)準(zhǔn)的表格單元格樣式來(lái)決定如何在表格行中展示內(nèi)容。

默認(rèn)型（Default）。行左端可以有圖片，并跟隨左對(duì)齊的標(biāo)題。該樣式適用于展示無(wú)需補(bǔ)充信息的項(xiàng)目。了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UITableViewCell中的UITableViewCellStyleDefault constant。

副標(biāo)題型（Subtitle）。一行左對(duì)齊的標(biāo)題和下一行左對(duì)齊的副標(biāo)題。這種樣式適用于行和行視覺(jué)上相似的表格。額外的副標(biāo)題幫助區(qū)分行與行。了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UITableViewCell中的UITableViewCellStyleSubtitle constant。

Value 1。左對(duì)齊的標(biāo)題和同處一行的右對(duì)齊且顏色較淺的副標(biāo)題。了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UITableViewCell中UITableViewCellStyleValue1 constant。

副標(biāo)題型（Subtitle）。一行左對(duì)齊的標(biāo)題和下一行左對(duì)齊的副標(biāo)題。這種樣式適用于行和行視覺(jué)上相似的表格。額外的副標(biāo)題幫助區(qū)分行與行。了解開(kāi)發(fā)細(xì)節(jié)，請(qǐng)參閱UITableViewCell中的UITableViewCellStyleSubtitle constant。

所有標(biāo)準(zhǔn)表格單元格樣式還可以含有圖形元素，比如一個(gè)選中標(biāo)記或關(guān)閉圖標(biāo)。然而毫無(wú)疑問(wèn)，添加圖形元素會(huì)減少標(biāo)題和副標(biāo)題的可用空間。

保持文本的簡(jiǎn)練以避免被截?cái)唷?/b>被刪減的單次和詞組不容易被瀏覽和理解。無(wú)論使用哪種表格單元格樣式，文本截?cái)喽际亲詣?dòng)的，但是這個(gè)問(wèn)題的嚴(yán)重性由不同的單元格樣式和不同的截?cái)辔恢脹Q定。