iOS11人機交互指南-視圖-11:表格視圖 Tables

表格視圖以一個可滾動的單列多行的形式來展示一段或一組數(shù)據(jù)憋沿。用一個表格以列表的形式贝咙,簡潔高效地顯示大量或少量的信息抗碰。一般來說,表格最好用來展示文字內(nèi)容,而且經(jīng)常以導(dǎo)航的方式出現(xiàn)在分欄視圖的一側(cè),另一側(cè)顯示相關(guān)內(nèi)容。

平鋪型

平鋪型表格可被分為若干帶標簽的段落牧抵,表格右側(cè)邊緣可能會出現(xiàn)垂直的表格索引蝶俱。每行開頭可以有頁眉,尾部可以有頁腳(也可以沒有)饥漫。


分組型

表格行以分組形式展示榨呆,可以有頁眉和頁腳。分組表格視圖中至少含有一組列表庸队,而每一組中至少包含一項內(nèi)容积蜻。與平鋪型不同闯割,分組型表格沒有索引。


考慮列表寬度

列表過小會導(dǎo)致信息截斷和超出,使他們難以閱讀和快速瀏覽,也難以閱讀和掃描竿拆。


快速顯示列表內(nèi)容

如果表格的內(nèi)容龐大而且復(fù)雜宙拉,不要在所有數(shù)據(jù)都加載完之后才一起顯示出來”瘢可以首先展示文本信息谢澈,圖片等較為復(fù)雜的內(nèi)容則在加載完后再顯示。這樣可以將有用的信息立即傳達給用戶御板,同時也提高了應(yīng)用的響應(yīng)能力锥忿。在等待信息加載的時候,可以考慮展示“過期”信息怠肋。


反饋加載進程

如果信息加載速度很慢或者非常復(fù)雜敬鬓,需要提供一個進度條或者掃描控件告訴用戶加載正在進行中。


保持內(nèi)容更新

通過定期更新的數(shù)據(jù)來反映更新的列表內(nèi)容笙各。不要改變滾動位置,在列表的開頭或結(jié)尾添加更新的內(nèi)容,刷新時符合用戶的預(yù)期钉答。當新的數(shù)據(jù)被添加時,一些應(yīng)用程序顯示一個指示器,同時提供了一個對它的控制權(quán)杈抢。一個好的方式是添加一個刷新按鈕,這樣用戶就可以隨時手動刷新数尿。更多詳情請查閱Refresh Content Controls.


避免索引與列表包含右對齊元素

大面積的滑動手勢控制一個索引。如果其他界面元素設(shè)置在附近,如展開按鈕,它可能很難辨別用戶的意圖時,一個手勢可能會激活的錯誤元素春感。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末砌创,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子鲫懒,更是在濱河造成了極大的恐慌嫩实,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件窥岩,死亡現(xiàn)場離奇詭異甲献,居然都是意外死亡,警方通過查閱死者的電腦和手機颂翼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門晃洒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人朦乏,你說我怎么就攤上這事球及。” “怎么了呻疹?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵吃引,是天一觀的道長艰管。 經(jīng)常有香客問我期升,道長瞻鹏,這世上最難降的妖魔是什么尖滚? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮庐氮,結(jié)果婚禮上语稠,老公的妹妹穿的比我還像新娘。我一直安慰自己弄砍,他們只是感情好仙畦,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著输枯,像睡著了一般议泵。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上桃熄,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天先口,我揣著相機與錄音,去河邊找鬼瞳收。 笑死碉京,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的螟深。 我是一名探鬼主播谐宙,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼界弧!你這毒婦竟也來了凡蜻?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤垢箕,失蹤者是張志新(化名)和其女友劉穎划栓,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體条获,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡忠荞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了帅掘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片委煤。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖修档,靈堂內(nèi)的尸體忽然破棺而出碧绞,到底是詐尸還是另有隱情,我是刑警寧澤吱窝,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布头遭,位于F島的核電站寓免,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏计维。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一撕予、第九天 我趴在偏房一處隱蔽的房頂上張望鲫惶。 院中可真熱鬧,春花似錦实抡、人聲如沸欠母。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽赏淌。三九已至,卻和暖如春啄清,著一層夾襖步出監(jiān)牢的瞬間六水,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工辣卒, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留掷贾,地道東北人。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓荣茫,卻偏偏與公主長得像想帅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子啡莉,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容