(2.Table View Styles and Accessory Views)《列表視圖編程指南》(Table View Programming Guide for iOS)

列表視圖風格和附件視圖

根據使用目的不同侵状,列表視圖可以具有不同的風格锌畸。除此之外忽匈,UIKit框架為用于繪制列表視圖行的單元格也提供了多個標準風格鞠值。它還提供了標準附件視圖(即控件),可以在單元格中使用竞膳。

列表視圖風格

列表視圖的兩個主要風格分別是plaingrouped(平實和聚合)航瞭。這兩個風格在外觀上有著明顯區(qū)別。

平實風格

平實風格的列表視圖所顯示的行橫向貫穿屏幕坦辟,背景為乳白色(見圖1-1)刊侯。平實風格的列表至少有一個或多個節(jié),每節(jié)有一行甚至多行锉走,每個節(jié)都可以有自己的題頭和注腳滨彻。(題頭或注腳都可以有自定義視圖,例如包含一副圖像)挪蹭。當用戶滾動一個擁有多行的節(jié)時亭饵,節(jié)的題頭會浮動在列表視圖上部,而注腳浮動在底部梁厉。

有一種平時風格列表的變種辜羊,使用索引標記節(jié),實現(xiàn)快速導航词顾;圖1-2顯示了一個這種類型的例子八秃,被稱為indexed list(索引列表)。索引在列表的右端依次向下排布肉盹。索引中的條目對節(jié)的題頭對應昔驱。點擊一個索引條目,會讓列表視圖自動滾動至對應的節(jié)上忍。例如骤肛,節(jié)的題頭可能是兩個字母的州名縮寫纳本,而節(jié)中的行可以是這個州的所有城市;點擊索引的某個條目腋颠,會顯示所選州的所有城市饮醇。在索引列表中的行不應該有disclosure indicator(擴展指示器)按鈕,因為這干擾列表秕豫。

最簡單的列表視圖類型是選擇列表(見圖1-3)。選擇列表是一個平實風格的列表視圖观蓄,顯示了一組選項混移,讀者可以選擇∥甏可以將選擇限制單選歌径,也可以多選。選擇列表會將被選中的行用對勾標記(見圖1-3)亲茅。

聚合風格

聚合風格的列表視圖顯示一組信息回铛,但將相關的行聚合在有視覺分隔的多個節(jié)中。如圖1-4所示克锣,每節(jié)都是圓角覺醒茵肃,而且默認情況下有藍灰背景的襯托。每節(jié)可以用文字或圖像作為題頭或注腳袭祟,以便對節(jié)的內容提供一些背景信息或總結验残。聚合風格的列表最適合用于顯示數據結構中的最細節(jié)信息。它使得多個不同類的獨立信息聚合在一起巾乳,并且為這些信息的組合提供語境信息您没,以便讀者能夠快速理解。

聚合列表中的節(jié)的題頭和注腳的相對位置和大小如圖1-5所示胆绊。

在iPad設備上氨鹏,當列表視圖本身很寬時,聚合視圖會自動獲得更寬的邊距压状。

單元格的標準風格

除了為列表視圖提供兩個默認風格仆抵,UIKit框架為單元格定義了4個風格,這些單元格可以用來繪制列表的行何缓≈。可以自定義不同外觀的單元格,但是碌廓,這4個默認的單元格風格已經可以滿足大多數需要传轰。用標準單元格風格或者自定義單元格風格創(chuàng)建列表視圖的技術參見窺探單元格

默認的列表視圖行的的風格很簡答谷婆,只有一行遍體和一個可選的圖像(圖1-6)慨蛙。這個風格被定義為UITableViewCellStyleDefault常量辽聊。

圖1-7顯示的單元格風格將主標題左對齊,并在下方放置了一個灰色的次標題期贫。另外還可以在默認位置上放置一副圖像跟匆。這個風格被定義為UITableViewCellStyleSubtitle常量。

圖1-8實現(xiàn)的單元格風格左對齊主標題通砍。另外還放置了一個藍色次標題玛臂,并將其右對齊。不能使用圖像封孙。這個風格適合用在應用的設置里迹冤,子標題可以用來顯示設置當前的選項。它被定義為UITableViewCellStyleValue1常量虎忌。

圖1-9顯示的單元格風格將主標題設置為藍色泡徙,并將其自左側縮進的某個點開始右對齊。子標題從這個點向右開始的一段距離內左對齊膜蠢。這個風格不能放置圖像堪藐。它被用在電話應用中,被定義為UITableViewCellStyleValue2常量挑围。

附件視圖

有三類標準附件視圖(根據它們附件類型常量顯示):

  • Disclosure indicator擴展指示器(UITableViewCellAccessoryDisclosureIndicator):當選中一個單元格會跳轉至顯示下一個數據結構層級的列表視圖時礁竞,使用擴展指示器。

  • Detail disclosure button細節(jié)擴展按鈕(UITableViewCellAccessoryDetailDisclosureButton):當選中一個單元格會跳轉至顯示這個條目餓細節(jié)信息的視圖時(不一定還是列表視圖)杉辙,使用細節(jié)擴展按鈕苏章。

  • Checkmark對勾(UITableViewCellAccessoryCheckmark):當觸摸行會導致選中這個條目時,使用對勾奏瞬。這種列表視圖被稱為選擇列表枫绅,類似于彈出列表。選擇列表可以單選硼端,也可多選并淋,同時使用多個對勾。

除了標準的福建視圖珍昨,也可以指定控件(例如县耽,開關)或自定義視圖,將它們作為附件視圖使用镣典。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末兔毙,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子兄春,更是在濱河造成了極大的恐慌澎剥,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赶舆,死亡現(xiàn)場離奇詭異哑姚,居然都是意外死亡祭饭,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門叙量,熙熙樓的掌柜王于貴愁眉苦臉地迎上來倡蝙,“玉大人,你說我怎么就攤上這事绞佩∷屡福” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵品山,是天一觀的道長析既。 經常有香客問我,道長谆奥,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任拂玻,我火速辦了婚禮酸些,結果婚禮上,老公的妹妹穿的比我還像新娘檐蚜。我一直安慰自己魄懂,他們只是感情好,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布闯第。 她就那樣靜靜地躺著市栗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪咳短。 梳的紋絲不亂的頭發(fā)上填帽,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天,我揣著相機與錄音咙好,去河邊找鬼篡腌。 笑死,一個胖子當著我的面吹牛勾效,可吹牛的內容都是我干的嘹悼。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼层宫,長吁一口氣:“原來是場噩夢啊……” “哼杨伙!你這毒婦竟也來了?” 一聲冷哼從身側響起萌腿,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤限匣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后毁菱,有當地人在樹林里發(fā)現(xiàn)了一具尸體膛腐,經...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡睛约,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了哲身。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辩涝。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖勘天,靈堂內的尸體忽然破棺而出怔揩,到底是詐尸還是另有隱情,我是刑警寧澤脯丝,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布商膊,位于F島的核電站,受9級特大地震影響宠进,放射性物質發(fā)生泄漏晕拆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一材蹬、第九天 我趴在偏房一處隱蔽的房頂上張望实幕。 院中可真熱鬧,春花似錦堤器、人聲如沸昆庇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽整吆。三九已至,卻和暖如春辉川,著一層夾襖步出監(jiān)牢的瞬間表蝙,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工乓旗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留勇哗,地道東北人。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓寸齐,卻偏偏與公主長得像欲诺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子渺鹦,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內容