iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 20
0
自我挑戰組

從swift基礎出發的ARKit世界系列 第 20

Swift中的tableView實作方式 part1

  • 分享至 

  • xImage
  •  

第二十天,來實作tableView囉!
/images/emoticon/emoticon14.gif

跟pickerView很像的tableView實作方式

  • table view
    右面板新增table View拖曳至中間

    右鍵連結table View的兩個屬性到viewController:datasource, delegate
    viewController程式碼部分也要新增相對應的protocol並且實作
    1.section幾個
    2.一個section幾列
    3.每列的內容

    試著將陣列資料show出來
    indexPath包括section, row

回到storyboard畫面, 新增prototype cell

取一個cell的id名

看不到的cell不用新增, 只需要新增看得到的cell就好了, 節省記憶體空間

試著印出不同section的tableView


上圖雖然是兩個section, 但都黏在一起
試著分開他們
前往main.storyboard改變tableView的style

瞧瞧!兩個section分開了

感覺section還少了標題
那就來加上吧

秀出來畫面如下

若想要標題在section後面的話
function內用titleForFooterInSection就行~

  • Table View Controller

    已經是連結到Datasource&Delegate的tableView的table view controller
    幫他在左面板新增viewcontroller
    新增時一樣選擇Cocoa Touch Class

    接下來記得Subclass of要選擇的是UITableViewController

    下一步, 試著在每一列增加不同的小icon
    將需要圖檔加進去後
    因為我圖檔名跟陣列名一樣
    因此直接用UIImage(named:此處直接放圖檔名)

    放進每一列之後

    tableView變成這樣了!

    若是每一列後面想加上不同感覺的話
    到main.storyboard點進cell裡看右面板accesory部分
    不同選項可以玩出不同花樣喔

上一篇
Swift中的跳轉畫面_navigation, 及超重點segue方法
下一篇
Swift中的儲存資料
系列文
從swift基礎出發的ARKit世界30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言