💻學習 SwiftUI:為什麼從畫 Mac 開始?

學 SwiftUI 排版最單純又有趣的方式,就是拿它來畫東西。我在新手練習時畫過 MacBook Air 鍵盤,最近又為了教學畫了 Mac mini,程式碼都有開源供參考。

我最近在教新手 SwiftUI 排版時,會用一個特別的教學方式:先畫一些 Apple 裝置的外觀,而不是直接就畫 App 的介面。

這個作法就是我身為新手時的練習策略:

SwiftUI 剛推出時,我在找練習語法與排版規則的題目,突然低頭看到正在使用的 MacBook Air M1 鍵盤有點複雜但也滿有挑戰性,就在幾個小時內,用 300 行左右的程式碼完成了。

用 SwiftUI 畫的 MacBook Air M1 注音鍵盤
用 SwiftUI 畫的 MacBook Air M1 注音鍵盤

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

Mac mini M4 上面
Mac mini M4 上面
Mac mini M4 正面
Mac mini M4 正面
Mac mini M4 底部
Mac mini M4 底部

其實我畫得並不完美。遠看有模有樣,放大後破綻不少。但是沒關係,重點是過程非常好玩、畫完以後成就感十足。

為什麼要畫 Mac?

我的思路很單純:用最單純有趣的方式學習排版規則