專欄 / 研究筆記
✍️ 學習 SwiftUI
💻學習 SwiftUI:為什麼從畫 Mac 開始?
學 SwiftUI 排版最單純又有趣的方式,就是拿它來畫東西。我在新手練習時畫過 MacBook Air 鍵盤,最近又為了教學畫了 Mac mini,程式碼都有開源供參考。
我最近在教新手 SwiftUI 排版時,會用一個特別的教學方式:先畫一些 Apple 裝置的外觀,而不是直接就畫 App 的介面。
這個作法就是我身為新手時的練習策略:
SwiftUI 剛推出時,我在找練習語法與排版規則的題目,突然低頭看到正在使用的 MacBook Air M1 鍵盤有點複雜但也滿有挑戰性,就在幾個小時內,用 300 行左右的程式碼完成了。

而最近,我則是讓學生畫 Mac mini M4。



其實我畫得並不完美。遠看有模有樣,放大後破綻不少。但是沒關係,重點是過程非常好玩、畫完以後成就感十足。
為什麼要畫 Mac?
我的思路很單純:用最單純有趣的方式學習排版規則。
繼續閱讀
解鎖全文
訂閱⟪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 正面的實作重點:機殼光澤、插孔與電源燈、以及底部散熱孔的畫法。