SwiftUI-隨手筆記(1)

初生之犢,簡單紀錄一下學習SwiftUI的基礎過程。

1.預覽視窗中右下方有兩個按鈕,上方播放為可直接在預覽視窗模擬操作,下方按鈕可以直接連接實體手機載入專案app。

2.建構列表視窗如同 UITableView,就做個佩佩豬的人物介紹吧,先打個樣用 HStack 左右並行,左邊放圖片,右邊人物名字。

*systemName: “photo” 可用來當佔位的草圖

3.建立角色資訊,新增一個自訂 struct 類別且需遵循 Identifiable 協定,將會對每筆 PigData 數據產生獨有的 id。

4.將原先的HStack,改成 List 可針對資料筆數產生相對應的 row 如同 TableView裡的 cell 產生。

4.1 因 ContentView 新增了 pigs 這個變數用來存取剛建立的角色資訊結構,所以 ContentView_Previews 裡的 ContentView 也須同樣做變動。

--

--