鐵人檔案
2014 年 Apple 讓大家在寫 iOS App 上有另一個選擇: Swift。在 2019 年， Apple 更推出了一個新的 UI 框架讓大家在寫 UI 上有另一個選擇: SwiftUI。
在 2022，SwiftUI 已經被迭代過大量的 api，這個題目，讓我們來試試看，現在的 SwiftUI 框架，可以怎麼讓你在大腦中的想法，轉化成一個實際的 app。
挑戰賽文章列表 D2-SwiftUI preview 功能，即時看到你的修改結果D3-SwiftUI Apple 文件介紹的資料流D4-葛麗絲逆走鐘 ideaD...
當你創造一個 SwiftUI 空專案的時候，他會預設做好 ContentView，使用 SwiftUI 進行開發的時候，右方會有 Preview，開發者可以在調...
Apple SwiftUI 說明文件 Apple 資料流文件 https://developer.apple.com/documentation/swiftui...
第一個 App 要做的是逆走的時鐘，緣由要從某天逛書店的時候，看到的一本童書講起。這本書是「程式女王-揪出電腦 bug 的葛麗絲．霍普」。 發想點 在讀了繪本...
專案的第一步: 開新 Project。我們先給他一個名字，Organization Identifier 是必填，所以填上一個組織名稱，在習慣上，我們會將 do...
在前一天，我們畫出了針的雛型，而我想做的時鐘，是有時、分、秒針的。 時分秒的差別，我這邊選擇使用 enum。在 getLengthRatio() 上設定每根針的...
如果從錶面最靠近觀看者的部分往下走，依序為 秒分時針/錶盤/機芯。接下來，我們來做錶盤。設計圖如下 從上方的圖，可以拆解成 數字從 1 到 12 數字的偏移...
人類在錶盤上還會設計刻度，雖然這個刻度並不是必要的，不過做出來並不困難，只是畫一條線而已，今天就來實作這邊的程式碼。 struct Tick: Shape {...
錶盤和時分秒針都完成之後，我們開始組合這些元件。之前宣告要組合這些組件的 View 為 ClockContainerView，把物件用 ZStack 組起來的程...
SwiftUI 的資料流，建議使用 Apple 的 action → state → view 的方向。所以，我們先設計出「狀態(State)」。 這個單一方向...