專欄 / 研究筆記
✍️ 學習 SwiftUI
⌨️學習 SwiftUI 第 4 章:描述式語法──採用實際物體做練習
帶你用全新的方式學習 SwiftUI:不是從 App 介面開始,而是從你手邊的實體物品出發,練習用 SwiftUI 描述它的外觀與結構,就像用程式碼做素描。這樣的練習能幫助你熟悉 SwiftUI 的排版語法與元件拆解邏輯。
從這章開始,我們會循序漸進地學習 SwiftUI。為了達到比較平緩的學習曲線,我建議先熟悉如何用 SwiftUI 的語法來描述靜態版面,再去學習怎麼讓畫面動起來。所以這章的內容就是來談談 SwiftUI 的語法是怎麼進行描述的。
「描述」是什麼意思?我不解釋,直接示範。下面是一小段 SwiftUI 的程式碼,你猜猜看是什麼東西:
HStack {
leftJoyCon
console
rightJoyCon
}是的,這是一台 Nintendo Switch™!而且是單人遊玩的掌機模式。
繼續閱讀
解鎖全文
訂閱⟪13報+⟫,閱讀本篇全文,並解鎖 200 篇以上專欄與短篇。
- 完整專欄文章與深度分享
- Apple 開發者週報完整版
- 會員限定短篇抒發
- 支持 13 寫作
延伸閱讀
⚡️App 效能研討會重點整理:成為 SwiftUI Instruments 高手
這場 Meet with Apple 研討會不但內容超級實用,而且少見採用現場活動兼直播形式,讓人回想到以前的 WWDC!我幫你把重點位置都標記好,可以直接在 13+ 網頁點連結跳轉。
🖥️練習用 SwiftUI 畫 Mac mini:底部
講解用 SwiftUI 畫 Mac mini M4 底部的實作重點:金屬機殼與塑膠殼的同心圓角、畫出一整圈散熱孔的技巧。
🖥️練習用 SwiftUI 畫 Mac mini:正面
講解用 SwiftUI 畫 Mac mini M4 正面的實作重點:機殼光澤、插孔與電源燈、以及底部散熱孔的畫法。