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