Work15-實作 Table View 的基本功能

目的: 學習實作表格的基本功能和定義 UITableViewDataSource 的相關 function。

實作內容:

1 利用內建的 cell 樣式顯示表格內容。
定義 UITableViewDataSource 的相關 function。

表格的資料請練習用以下兩種做法實現

  • 做法 1: array 的成員型別是自訂型別,比方 struct Song。(比較好的做法)
  • 做法 2:array 的成員型別是 dictionary。

2 點選 cell 後可到下一頁顯示詳細資訊。

  • 做法 1: 利用 IBSegueAction
  • 做法 2: 利用 function prepare

3 多個 section。

架構介紹:

總共有兩個Controller&自訂TableViewCell

搭配struct做資料!

程式碼:

先做音樂想要的音樂資料

總共有五個類型->使用enum搭配case做為類型分類

建立音樂資料->使用struct建立

音樂資料總共有六個:

singerID:歌手資訊(String)

musicID:音樂名字資訊(String)

musicImage:音樂圖片資訊(String)

musicType:音樂類型(enum裡的類型)

musicURL:音樂網址來源(String)

rawValue&enum介紹:

輸入資料->

Controller&Cell

建立客製化tableViewCell->

在tableViewCell裡有音樂名字(label)和歌手(label)和音樂圖片(UIImage)

TableViewController->

定義tableViewCell裡的identifler

利用dequeueReusableCell獲取tableViewCell裡的資訊

設定表格有幾個section

針對不同Section來控制裡面要顯示幾個cell

設定table的標題

設定音樂類型標題的距離

利用IBSegueAction將音樂資訊傳至MusicShowViewController

MusicShowViewController->

有歌手名字和歌曲名稱和顯示音樂網站

接收TableViewController傳來的資料

顯示畫面

完成品!!

附上GitHub:

--

--