#04實作TableView基本功能 — 蔬果選單

看了很多的範例與實作發現好像沒有人做與蔬菜水果相關的主題，所以就決定是你了(笑~

• 使用ViewController + TableView
• 重複使用cell
• 運用多維陣列產生複數section,使用switch顯示每個表頭(section)的名稱
• IBSegueAction傳資料到下一頁

storyboard

程式

建立(自訂)資料型別與資料

FreshInfo為蔬菜水果的資料，包含了名字、產地、圖片、詳細資訊，FreshType則是分類品項為蔬菜還是水果，所以整個Fresh的array裡就包含了蔬菜的array跟水果的array。

資料型別

資料

要記得拉dataSource跟delegate

程式碼的部分也不要忘記遵從dataSource跟delegate

TableView&Cell

客製化cell，使用guard let的寫法取得cell

section的Header

section有Header跟Footer兩個位置，這次只使用Header來顯示分類標題的部分，設定Header高度為40

傳資料到下一頁

從segue拉出一條IBSegueAction的function，程式部分也要判斷是選到第幾個section的第幾個row才能正確傳送資料到下一個頁面

第二頁(顯示接收資料頁)基本上就是拉要顯示的元件outlet和接收上一頁的變數資料

運行畫面

produced by iPhone11 Simulator

參考資料

#51 實作 Table View 的基本功能

#53 實作TableView功能-電影列表

和 if let 很像的 guard let

GitHub

GitHub - AdamSu002123/FreshInd