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: