大部分的iOS應(yīng)用程序都是使用UIKit中的組件構(gòu)建的玄糟。這讓應(yīng)用程序在整個(gè)系統(tǒng)中保持一致的外觀,同時(shí)具有靈活的自定義。
UIKit提供的界面元素分為三大類:
一是目、欄(Bars)
告知用戶當(dāng)前所在應(yīng)用中的位置妹萨,提供導(dǎo)航年枕,還有可能包含按鈕或其他可以用來觸發(fā)功能或交流的元素。
二乎完、視圖(Views)
包含用戶在應(yīng)用中看到的主要內(nèi)容熏兄,如文本,圖形,動(dòng)畫和交互元素摩桶。視圖支持如滾動(dòng)桥状、插入、刪除和排列等行為硝清。
三辅斟、控制(Controls)
用于觸發(fā)功能及傳遞信息,像按鈕芦拿、開關(guān)士飒、輸入框、進(jìn)度條等便是極典型的控件防嗡。
1. 動(dòng)作列表(Action Sheets)
動(dòng)作列表是由一個(gè)控件或操作而觸發(fā)的特定的警告樣式变汪,呈現(xiàn)與當(dāng)前情境相關(guān)的兩個(gè)或多個(gè)選擇。使用動(dòng)作列表讓用戶啟動(dòng)任務(wù)蚁趁,或者在完成一項(xiàng)可能有破壞性的操作前請(qǐng)求確認(rèn)裙盾。
在較小的屏幕上,動(dòng)作列表從屏幕底部向上滑出他嫡。在較大的屏幕上番官,動(dòng)作列表以氣泡彈出框(popover)的形式出現(xiàn)。
如果想增加清晰度钢属,請(qǐng)?zhí)峁┤∠粹o徘熔。當(dāng)用戶放棄任務(wù)時(shí),取消按鈕可以提高信心淆党。取消按鈕應(yīng)始終包含在屏幕底部的動(dòng)作列表中酷师。
突出可能存在破壞性的選項(xiàng)。對(duì)執(zhí)行破壞性或危險(xiǎn)操作的按鈕使用紅色染乌,并將這些按鈕顯示在動(dòng)作列表的頂部山孔。
避免讓用戶滾動(dòng)動(dòng)作列表。如果動(dòng)作列表的選項(xiàng)太多荷憋,用戶必須滾動(dòng)查看所有選項(xiàng)台颠。滾動(dòng)需要花費(fèi)更多的時(shí)間來做選擇,并且很有可能誤點(diǎn)其它按鈕勒庄。
2. 活動(dòng)視圖(Activity Views)
活動(dòng)表示了一項(xiàng)作用于當(dāng)前情境的任務(wù)串前,如復(fù)制、收藏或查找实蔽。一旦啟動(dòng)荡碾,活動(dòng)就立即執(zhí)行任務(wù),或者在繼續(xù)之前請(qǐng)求更多信息局装⊥孳活動(dòng)由活動(dòng)視圖管理漆腌,它表現(xiàn)為一個(gè)列表或彈出窗口,具體取決于設(shè)備和方向阶冈。使用活動(dòng)為用戶提供訪問你的應(yīng)用可以執(zhí)行的自定義服務(wù)或任務(wù)闷尿。
系統(tǒng)提供了許多內(nèi)置活動(dòng),包括打印女坑、信息和AirPlay填具。這些任務(wù)總是首先出現(xiàn)在活動(dòng)視圖中,不能被重新排序匆骗。你不需要再為這些內(nèi)置任務(wù)創(chuàng)建自定義活動(dòng)劳景。活動(dòng)視圖還顯示來自其他應(yīng)用程序的共享和動(dòng)作擴(kuò)展碉就。
為你的活動(dòng)設(shè)計(jì)清晰簡(jiǎn)練的文字標(biāo)題盟广。標(biāo)題會(huì)出現(xiàn)在活動(dòng)視圖圖標(biāo)的下方。短標(biāo)題效果最好瓮钥。如果標(biāo)題文字過長(zhǎng)筋量,iOS 首先會(huì)縮小文本,仍然過長(zhǎng)的話則會(huì)被截?cái)嗟锵āR话愣越拔洌詈帽苊庠跇?biāo)題中提及你的公司或產(chǎn)品名。
確毙饨颍活動(dòng)適用于當(dāng)前情境呀酸。雖然系統(tǒng)提供的任務(wù)不能在活動(dòng)視圖中被重新排序,但是如果它們不適用于你的應(yīng)用琼梆,則可以刪除它們性誉。例如,為了防止用戶打印圖片茎杂,你可以刪除“打印”活動(dòng)错览。您還可以定義在任何給定時(shí)間里顯示哪些自定義任務(wù)。
使用動(dòng)作按鈕來觸發(fā)顯示活動(dòng)視圖蛉顽。用戶習(xí)慣點(diǎn)擊動(dòng)作按鈕后訪問系統(tǒng)提供的活動(dòng)蝗砾。
3. 警告框(Alerts)
警告框傳達(dá)與你的應(yīng)用程序或設(shè)備狀態(tài)有關(guān)的重要信息先较,并經(jīng)常請(qǐng)求反饋携冤。警告框包含標(biāo)題、可選的信息闲勺、一個(gè)或多個(gè)按鈕以及用于收集輸入的可選文本字段曾棕。除了這些可配置的元素外,警告框的外觀是固定不變的菜循,不能被自定義翘地。
減少警告框的使用。警告框會(huì)破壞用戶體驗(yàn),只能被用于像確認(rèn)購買衙耕、破壞性行為(如刪除)或通知用戶問題等重要情況昧穿。確保每個(gè)警報(bào)提供關(guān)鍵信息和有用的選項(xiàng)。
在兩個(gè)方向都要測(cè)試警告框的外觀橙喘。警告框可能會(huì)在橫屏和豎屏情況下顯示有所不同时鸵。優(yōu)化警告框文本,使其無需滾動(dòng)即可在任何方向讀取厅瞎。
警告框標(biāo)題和信息
使用簡(jiǎn)短的饰潜、描述性的多字警告框標(biāo)題。用戶需要在屏幕上閱讀的文字越少越好和簸。盡量精簡(jiǎn)標(biāo)題彭雾,避免添加額外的文本信息。因?yàn)閱巫謽?biāo)題很少會(huì)提供有用的信息锁保,所以可以考慮以問問題或使用短句的方式薯酝。盡可能保證標(biāo)題在一行之內(nèi)。使用句式大小寫和合適的標(biāo)點(diǎn)符號(hào)構(gòu)成句子身诺。不要在句末使用結(jié)束標(biāo)點(diǎn)蜜托。
如果你必須提供信息,請(qǐng)寫簡(jiǎn)短的完整句子霉赡。盡量保證文本足夠短橄务,使其在一到兩行之間,防止?jié)L動(dòng)穴亏。使用句式大小寫和適當(dāng)?shù)臉?biāo)點(diǎn)符號(hào)蜂挪。
避免使用指責(zé)的、批判的嗓化、侮辱的文字棠涮。用戶理解警告框是為了告訴他們發(fā)生的問題和危險(xiǎn)的情況。使用友好的語氣刺覆,直接正面的態(tài)度要比消極負(fù)面的態(tài)度有效果的多严肪。避免使用“你”,“你的”谦屑,“我”驳糯,“我的”這類代詞,有時(shí)候會(huì)被誤認(rèn)為是一種侮辱或冒犯氢橙。
避免解釋警告框按鈕酝枢。如果你的警告文本和按鈕文案是明確的,就不需要向用戶解釋按鈕是用來做什么的悍手。
警告框按鈕
一般情況下帘睦,使用兩個(gè)按鈕的警告框袍患。兩個(gè)按鈕的警告框便于用戶在兩個(gè)選擇中做決定。單按鈕的警告框只是起到通知的作用竣付,并未給予用戶控制當(dāng)前狀態(tài)的能力诡延。三個(gè)或更多按鈕的警告框會(huì)導(dǎo)致復(fù)雜和強(qiáng)制滾動(dòng),是一個(gè)非常糟糕的體驗(yàn)古胆。如果你需要在警告框中給與用戶超過兩個(gè)選項(xiàng)孕暇,可以考慮使用動(dòng)作列表來代替警告框。
為按鈕設(shè)計(jì)簡(jiǎn)短和邏輯清晰的文案赤兴。好的按鈕文案一般只有一到兩個(gè)單詞妖滔,描述用戶點(diǎn)擊按鈕后的結(jié)果。請(qǐng)使用標(biāo)題式大寫桶良,而且不要使用結(jié)尾標(biāo)點(diǎn)符號(hào)座舍。盡可能使用與警告標(biāo)題和信息直接相關(guān)的動(dòng)詞和動(dòng)詞詞組,可以使用OK表示簡(jiǎn)單的接受陨帆,避免使用是(Yes)或否(No)曲秉。
將按鈕放在用戶期望的位置。一般來說疲牵,用戶最有可能會(huì)點(diǎn)擊右邊的按鈕承二。取消按鈕應(yīng)該總是放在左邊。
準(zhǔn)確標(biāo)記取消按鈕纲爸。用于取消警告框操作的按鈕應(yīng)該總是被標(biāo)記為取消(Cancel)亥鸠。
識(shí)別具有破壞性的按鈕。如果一個(gè)警告框按鈕會(huì)導(dǎo)致破壞性操作识啦,如刪除內(nèi)容负蚊,請(qǐng)將按鈕的樣式設(shè)置為“破壞性”的,以使系統(tǒng)將其變?yōu)楹线m的格式颓哮。此外家妆,提供一個(gè)取消按鈕,使用戶能夠安全地退出破壞性操作冕茅。通過將取消按鈕標(biāo)記為默認(rèn)按鈕伤极,讓其變成粗體。
允許通過退出到主屏幕取消警告框姨伤。當(dāng)警告框出現(xiàn)的時(shí)候哨坪,按Home鍵將會(huì)從應(yīng)用程序里切回主屏幕。Home鍵的效果類似于取消按鈕姜挺,當(dāng)用戶回到應(yīng)用中時(shí)齿税,警告框消失彼硫,操作也不會(huì)被執(zhí)行炊豪。如果你的警告框沒有取消按鈕凌箕,可以考慮當(dāng)按下Home鍵的時(shí)候,在代碼里執(zhí)行取消操作词渤。
4. 集合視圖(Collections)
集合視圖用于管理一組有序的內(nèi)容牵舱,如一組照片,并以一種自定義和高度可視化的布局來呈現(xiàn)它們缺虐。由于集合不強(qiáng)制執(zhí)行嚴(yán)格的線性格式芜壁,因此它特別適合顯示大小不同的項(xiàng)目。一般來說高氮,集合非常適合顯示基于圖像的內(nèi)容慧妄。可以選擇性地顯示背景和其他裝飾視圖以區(qū)分項(xiàng)目的子集剪芍。
集合視圖支持交互和動(dòng)畫塞淹。默認(rèn)情況下,你可以點(diǎn)擊選擇罪裹,輕觸并按住進(jìn)行編輯饱普,然后輕掃以滾動(dòng)。如果應(yīng)用程序需要状共,可以添加更多手勢(shì)用來執(zhí)行自定義操作套耕。在集合視圖內(nèi),當(dāng)用戶插入峡继、刪除或者重新排序項(xiàng)目時(shí)會(huì)出現(xiàn)動(dòng)畫效果冯袍,也支持自定義動(dòng)畫。
當(dāng)標(biāo)準(zhǔn)行或網(wǎng)格布局足夠用時(shí)碾牌,避免創(chuàng)建全新的設(shè)計(jì)颠猴。在內(nèi)容周圍使用足夠的填充以保持布局整潔,防止內(nèi)容重疊小染。
考慮使用表而不是集合來展示文本信息翘瓮。在可滾動(dòng)列表中顯示文本信息通常更簡(jiǎn)單和高效。
小心進(jìn)行動(dòng)態(tài)布局更改裤翩。集合視圖的布局可以隨時(shí)改變资盅。如果在用戶瀏覽和操作項(xiàng)目的時(shí)候調(diào)整視圖布局,請(qǐng)確保更改是有意義且容易跟蹤的踊赠。
5. 圖像視圖(Image Views)
圖像視圖在透明或不透明的背景上顯示單個(gè)圖像或圖像的動(dòng)畫序列呵扛。在圖像視圖中涩金,可以對(duì)圖像進(jìn)行拉伸舞竿、縮放、調(diào)整大小或固定到特定位置怎诫。圖像視圖默認(rèn)為非交互式伦籍。
盡可能確保動(dòng)畫序列中的所有圖像的大小一致蓝晒。理想情況下腮出,應(yīng)該預(yù)先調(diào)整圖像以適合視圖,以便系統(tǒng)不必進(jìn)行任何縮放芝薇。如果系統(tǒng)必須執(zhí)行縮放胚嘲,那么當(dāng)所有圖像的大小和形狀相同時(shí),最容易達(dá)到所期望的結(jié)果洛二。
6. 地圖視圖(Maps)
地圖視圖可讓你在應(yīng)用內(nèi)顯示地理數(shù)據(jù)馋劈,并支持系統(tǒng)內(nèi)置地圖應(yīng)用所提供的大部分功能。地圖視圖通常以標(biāo)準(zhǔn)地圖晾嘶、衛(wèi)星圖像或兩者結(jié)合的形式來展示地理區(qū)域妓雾。它可以包含位置指針(pins)和疊加圖層(overlays),并支持用戶的縮放和平移垒迂。
一般來說君珠,讓你的地圖保持可交互。用戶習(xí)慣于使用手勢(shì)與地圖應(yīng)用交互娇斑,并希望能夠以類似的方式與地圖進(jìn)行交互策添。
使用標(biāo)準(zhǔn)的位置指針顏色。指針用于標(biāo)注地圖上感興趣的地點(diǎn)毫缆。用戶習(xí)慣了內(nèi)置地圖應(yīng)用的指針顏色唯竹。紅色表示目的地,綠色表示起點(diǎn)苦丁,紫色表示用戶指定的地點(diǎn)浸颓。
7. 頁面視圖(Pages)
頁面視圖控制器提供了一種在內(nèi)容頁面之間實(shí)現(xiàn)線性導(dǎo)航的方式,例如在文檔旺拉、書籍产上、記事本或日歷中。頁面視圖控制器通過滾動(dòng)或翻頁兩種樣式來處理頁面之間的轉(zhuǎn)場(chǎng)蛾狗。滾動(dòng)過渡沒有特定的外觀晋涣,頁面會(huì)流暢地滾動(dòng)到下一頁。而使用翻頁過渡時(shí)沉桌,在屏幕上輕掃會(huì)導(dǎo)致頁面卷曲谢鹊,就像現(xiàn)實(shí)世界里書中的頁面一樣。
如果合適的話留凭,盡可能實(shí)現(xiàn)一種非線性導(dǎo)航的方法佃扼。當(dāng)使用頁視圖控制器時(shí),頁面會(huì)按順序流動(dòng)蔼夜,無法在不相鄰的頁面之間進(jìn)行跳轉(zhuǎn)兼耀。如果用戶在你的應(yīng)用中需要不按順序訪問頁面,那么就需要實(shí)現(xiàn)一種自定義的控制方式提供這個(gè)功能。
8. 彈出框(Popovers)
彈出框是一個(gè)臨時(shí)視圖瘤运,當(dāng)用戶點(diǎn)擊某個(gè)控件或某個(gè)區(qū)域時(shí)窍霞,它會(huì)出現(xiàn)在屏幕其他內(nèi)容的上方。通常尽超,彈出框包含指向其出現(xiàn)位置的箭頭。彈出框可以是非模態(tài)或模態(tài)的梧躺。通過點(diǎn)擊屏幕的另一部分或彈出框上的按鈕似谁,可以解除非模態(tài)彈出框。點(diǎn)擊彈出框上的取消或其他按鈕即可解除模態(tài)彈出框掠哥。
彈出框更適合在大屏幕上使用巩踏,可以包含各種元素,如導(dǎo)航欄续搀、工具欄塞琼、標(biāo)簽欄、表格視圖禁舷、集合視圖彪杉、圖片視圖、地圖視圖和自定義視圖牵咙。當(dāng)彈出框可見時(shí)派近,通常會(huì)禁用與其他視圖的交互,直到彈出框消失洁桌。使用彈出框顯示與屏幕內(nèi)容相關(guān)的選項(xiàng)或信息渴丸。
避免在iPhone上顯示彈出框。一般來說另凌,彈出框應(yīng)該在iPad應(yīng)用上使用谱轨。在iPhone應(yīng)用程序中,使用全屏模式視圖中呈現(xiàn)信息吠谢。
自動(dòng)關(guān)閉非模態(tài)彈出框時(shí)始終保存任務(wù)土童。用戶很容易誤點(diǎn)屏幕其它區(qū)域而使非模態(tài)彈出框消失。只有當(dāng)用戶明確點(diǎn)擊取消按鈕時(shí)才放棄任務(wù)工坊。
彈出框應(yīng)該出現(xiàn)在屏幕上合適的位置娜扇。彈出框的箭頭應(yīng)盡可能直接地指向其出處。因?yàn)閺棾隹虿荒茉谄聊簧贤蟿?dòng)栅组,所以它不應(yīng)該覆蓋住用戶使用彈出框時(shí)可能需要的基本內(nèi)容雀瓢。彈出框也不能覆蓋住觸發(fā)它出現(xiàn)的元素。
一次只顯示一個(gè)彈出層玉掸。同時(shí)顯示多個(gè)彈出層會(huì)使界面變的混亂刃麸。尤其應(yīng)當(dāng)避免同時(shí)展示一連串或者一系列彈出層,從一個(gè)彈出層中彈出另一個(gè)彈出層司浪。如果你需要展示一個(gè)新的彈出層泊业,請(qǐng)先關(guān)閉原來的那一個(gè)把沼。
不要在彈出層上再顯示另一個(gè)視圖。除了警告框外吁伺,任何東西都不應(yīng)該顯示在彈出窗口上饮睬。
可能的話,讓用戶可以僅點(diǎn)擊一下就關(guān)閉當(dāng)前彈出層并開啟一個(gè)新的彈出層篮奄。這在若干按鈕每個(gè)都會(huì)喚起一個(gè)彈出層的時(shí)候尤其好用捆愁,因?yàn)樗鼫p少了用戶的額外點(diǎn)擊。
避免把彈出層設(shè)計(jì)得太大窟却。彈出層不應(yīng)當(dāng)占據(jù)整個(gè)屏幕昼丑。它的大小應(yīng)當(dāng)恰好能承載當(dāng)中的內(nèi)容,又能清楚地指向其出處夸赫。系統(tǒng)可能會(huì)調(diào)整彈出層的寬高菩帝,以讓它能夠更好地適應(yīng)屏幕的尺寸。
確保自定義彈出層仍然長(zhǎng)得像一個(gè)彈出層茬腿。盡管你可以自定義彈出層的多種外觀呼奢,還是應(yīng)當(dāng)避免設(shè)計(jì)出用戶可能無法辨識(shí)的彈出層外觀。包含標(biāo)準(zhǔn)控件和視圖的彈出層往往最好使用切平。
改變彈出層大小時(shí)請(qǐng)?zhí)峁┢交^渡的效果控妻。有些浮層對(duì)于同樣的信息展示提供了簡(jiǎn)明以及詳細(xì)的兩種展示方式。如果你要改變彈出層的大小揭绑,請(qǐng)使用轉(zhuǎn)場(chǎng)動(dòng)畫弓候,避免讓用戶覺得一個(gè)新的彈出層取代了原來的那個(gè)。
9. 滾動(dòng)視圖(Scroll Views)
滾動(dòng)視圖允許用戶瀏覽大于可見區(qū)域的內(nèi)容他匪,例如文檔中的文本或圖像集合菇存。當(dāng)用戶輕掃(swipe)、滑動(dòng)(flick)邦蜜、拖動(dòng)(drag)依鸥、輕擊(tap)、捏合(pinch)悼沈,滾動(dòng)視圖會(huì)遵從這些手勢(shì)贱迟,以一種自然的方式出現(xiàn)或縮放內(nèi)容。滾動(dòng)視圖本身沒有外觀絮供,但當(dāng)用戶與之交互時(shí)會(huì)出現(xiàn)臨時(shí)的滾動(dòng)指示器衣吠。滾動(dòng)視圖也可以以分頁模式運(yùn)行,滾動(dòng)顯示一個(gè)全新的內(nèi)容頁面壤靶,而不是在當(dāng)前頁面上移動(dòng)缚俏。
適當(dāng)?shù)刂С挚s放操作。如果放大和縮小對(duì)于你的應(yīng)用是有意義的話,可以支持用戶通過捏合或者雙擊來對(duì)當(dāng)前視圖進(jìn)行縮放忧换。啟用縮放時(shí)恬惯,請(qǐng)?jiān)O(shè)置合理的最大和最小比例值。例如亚茬,放大文本直到單個(gè)字符填滿屏幕可能在大多數(shù)應(yīng)用程序中沒有意義酪耳。
考慮在滾動(dòng)視圖處于分頁模式時(shí)顯示頁面控制元素。頁面控件顯示有多少頁面以及當(dāng)前瀏覽的是第幾個(gè)刹缝。如果顯示頁面控制元素碗暗,請(qǐng)禁用滾動(dòng)指示器以避免混淆。
不要在滾動(dòng)視圖上放置另一個(gè)滾動(dòng)視圖赞草。
一般來說讹堤,一次只展示一個(gè)滾動(dòng)視圖吆鹤。由于用戶滾動(dòng)屏幕時(shí)動(dòng)作幅度經(jīng)常都會(huì)很大厨疙,如果在一屏中同時(shí)存在不止一個(gè)滾動(dòng)視圖,很容易會(huì)碰到另一個(gè)疑务。如果你確實(shí)要在同屏中放兩個(gè)滾動(dòng)視圖沾凄,可以考慮給他們?cè)O(shè)定不同的滾動(dòng)方向。例如知允,iPhone上的股票應(yīng)用撒蟀,縱向滾動(dòng)上半部分會(huì)展示股票報(bào)價(jià),橫向滾動(dòng)下半部分時(shí)則展示該公司的特定信息温鸽。
10. 分屏視圖(Split Views)
分屏視圖用于管理兩個(gè)相鄰內(nèi)容窗格的展示保屯,在主窗格顯示固定的內(nèi)容,在次要窗格顯示相關(guān)的信息涤垫。每個(gè)窗格可以包含各種元素姑尺,包括導(dǎo)航欄、工具欄蝠猬、標(biāo)簽欄切蟋、表格視圖、集合視圖榆芦、圖片視圖柄粹、地圖視圖和自定義視圖。分屏視圖經(jīng)常用于展示篩選內(nèi)容匆绣,篩選條目列表顯示在主窗格中驻右,選擇條目后的篩選結(jié)果顯示在次要窗格中。如果你的應(yīng)用需要崎淳,主窗格可以覆蓋次要窗格旺入,也可以在不需要的時(shí)候隱藏主窗格。這在設(shè)備處于豎屏方向時(shí)特別有用,因?yàn)樗试S在次要窗格上留有更多空間查看內(nèi)容茵瘾。
選擇適合內(nèi)容的分屏視圖布局礼华。默認(rèn)情況下,分欄視圖將屏幕的三分之一用于主窗格拗秘,三分之二用于次要窗格圣絮。屏幕也可以分成兩半使用。根據(jù)內(nèi)容選擇適當(dāng)?shù)牟鸱值裰迹⒋_保窗格不會(huì)看起來不平衡扮匠。避免創(chuàng)建一個(gè)比主窗格更窄的次要窗格。
始終突出主窗格中被選中的項(xiàng)凡涩。盡管次要窗格中的內(nèi)容會(huì)變化棒搜,但它應(yīng)當(dāng)始終保持著與主窗格選中項(xiàng)的相關(guān)性。這有助于用戶理解左右窗格間的關(guān)系活箕。
通常力麸,將導(dǎo)航欄放在分屏視圖的一側(cè)窗格。在兩側(cè)窗格中都同時(shí)展示導(dǎo)航欄會(huì)讓用戶很難分清這兩個(gè)窗格的從屬關(guān)系育韩。
提供多種方式來訪問隱藏的主窗格克蚂。在主窗格不顯示在屏幕內(nèi)的布局情況下,請(qǐng)務(wù)必提供一個(gè)按鈕(通常位于導(dǎo)航欄上)來喚起主窗格筋讨。除非你的應(yīng)用使用輕掃手勢(shì)執(zhí)行其他功能埃叭,否則應(yīng)當(dāng)支持用戶輕掃以喚起主窗格。
11. 表格視圖(Tables)
表格視圖以一個(gè)可滾動(dòng)的單列多行的形式對(duì)數(shù)據(jù)進(jìn)行分組分類進(jìn)行展示悉罕。表格視圖是基于文本的內(nèi)容的理想選擇赤屋,并經(jīng)常出現(xiàn)在分屏視圖的一側(cè)作為導(dǎo)航。
iOS定義了兩種表格樣式:平級(jí)(plain)和分組(grouped)壁袄。
考慮表格寬度类早。窄的表格可能會(huì)導(dǎo)致內(nèi)容被截?cái)嗪桶蛊潆y以閱讀以及在遠(yuǎn)處快速瀏覽然想。寬的表格也會(huì)很難閱讀和瀏覽莺奔,并會(huì)占據(jù)內(nèi)容空間。
快速展示表格的內(nèi)容变泄。在顯示某些內(nèi)容之前令哟,不要等待大量的表格內(nèi)容加載》劣迹可以首先展示文本信息屏富,圖片等較為復(fù)雜的內(nèi)容則在加載完后再顯示。這樣可以將有用的信息立即傳達(dá)給用戶蛙卤,同時(shí)也提高了應(yīng)用的響應(yīng)能力狠半。
在內(nèi)容加載時(shí)請(qǐng)告知進(jìn)度噩死。如果表格數(shù)據(jù)加載很慢,請(qǐng)展示進(jìn)度條或旋轉(zhuǎn)的活動(dòng)指示器神年,讓用戶知道加載仍然在進(jìn)行已维。
保持表格內(nèi)容的更新。考慮定期更新表格內(nèi)容以展示新數(shù)據(jù)已日。只是不要改變滾動(dòng)的位置垛耳。相反,將更新內(nèi)容添加到表格的開始或尾部飘千,當(dāng)更新內(nèi)容準(zhǔn)備好時(shí)再讓用戶滾動(dòng)堂鲜。一些應(yīng)用在新數(shù)據(jù)被添加后會(huì)顯示一個(gè)指示器,并提供了一個(gè)跳轉(zhuǎn)到那兒的控件护奈。提供刷新控件也是一個(gè)好主意缔莲,用戶可以在任何時(shí)候手動(dòng)執(zhí)行更新操作。
表行
默認(rèn)型(Default)霉旗。默認(rèn)型包括行左側(cè)的可選圖片痴奏,后跟左對(duì)齊的文字標(biāo)題。默認(rèn)型樣式適合展示一系列無須通過附加信息便可以區(qū)分的項(xiàng)奖慌。
副標(biāo)題型(Subtitle)抛虫。副標(biāo)題型包括一行左對(duì)齊文字標(biāo)題松靡,以及下方的左對(duì)齊副標(biāo)題简僧。這種樣式適用于列表各項(xiàng)較為相似的情況。副標(biāo)題能幫助用戶區(qū)分列表中的各項(xiàng)雕欺。
右側(cè)細(xì)節(jié)型(Value 1)岛马。文字標(biāo)題左對(duì)齊,在同一行上副標(biāo)題用較細(xì)的字體右對(duì)齊屠列。
右側(cè)細(xì)節(jié)型(Value 2)啦逆。文字標(biāo)題右對(duì)齊,在同一行上副標(biāo)題用較細(xì)的字體左對(duì)齊笛洛。
考慮為刪除按鈕自定義一個(gè)名稱夏志。如果表格行支持刪除操作并能讓用戶清晰理解,可以創(chuàng)建一個(gè)自定義標(biāo)題苛让,來取代系統(tǒng)提供的“刪除”標(biāo)題沟蔑。
在進(jìn)行選擇時(shí)提供反饋。當(dāng)內(nèi)容被點(diǎn)擊時(shí)狱杰,可以簡(jiǎn)要地突出顯示瘦材。用戶期望出現(xiàn)新的視圖或要改變的東西,例如出現(xiàn)復(fù)選標(biāo)記仿畸,表示已進(jìn)行選擇食棕。
12. 文本視圖(Text Views)
文本視圖可以展示多行帶樣式的文本內(nèi)容朗和。文本視圖可定義為任何高度,并且當(dāng)內(nèi)容太多超出視圖邊框時(shí)支持滾動(dòng)簿晓。默認(rèn)情況下眶拉,文本視圖會(huì)以左對(duì)齊的黑色系統(tǒng)字體顯示。如果文本視圖支持編輯憔儿,當(dāng)用戶輕擊文本視圖內(nèi)部時(shí)會(huì)喚起鍵盤镀层。
確保文字的易讀性。雖然你可以以創(chuàng)造性的方式使用不同的字體皿曲、顏色和對(duì)齊方式唱逢,但保持文本的易讀性是必要的。采用動(dòng)態(tài)文本是一個(gè)好主意屋休,這樣就算用戶改變他們?cè)O(shè)備上的文字大小坞古,文字內(nèi)容也能看起來很棒。你還應(yīng)使用可訪問的選項(xiàng)來測(cè)試文字內(nèi)容劫樟,如粗體文字痪枫。
展示合適的鍵盤類型。iOS提供了各種不同的鍵盤類型叠艳,以便用戶輸入不同類型的文本奶陈。為了簡(jiǎn)化數(shù)據(jù)輸入,在文本視圖的編輯過程中附较,應(yīng)該根據(jù)輸入內(nèi)容的類型來指定不同的鍵盤類型吃粒。
13. 網(wǎng)頁視圖(Web Views)
網(wǎng)頁視圖用來直接在應(yīng)用程序中加載和展示豐富的網(wǎng)頁內(nèi)容,如嵌入式HTML和網(wǎng)站拒课。例如徐勃,“郵箱”應(yīng)用使用網(wǎng)頁視圖在消息中顯示HTML內(nèi)容。
適當(dāng)?shù)靥峁┫蚯昂拖蚝蟮膶?dǎo)航早像。網(wǎng)頁視圖支持向前和向后的導(dǎo)航僻肖,但默認(rèn)情況下禁用此行為。如果用戶將使用你的網(wǎng)頁視圖訪問多個(gè)頁面卢鹦,可以啟用向前和向后的導(dǎo)航臀脏,并提供相應(yīng)的控件來啟動(dòng)這些功能。
不要用網(wǎng)頁視圖來創(chuàng)建一個(gè)網(wǎng)頁瀏覽器冀自。使用網(wǎng)頁視圖讓用戶在不離開應(yīng)用的上下文的情況下簡(jiǎn)單地訪問網(wǎng)站是可以的揉稚,但Safari才是在iOS上瀏覽網(wǎng)頁的主要方式。