JPDesignCode - SwiftUI的學習Demo

語言: CN / TW / HK

Github:JPDesignCode

我的SwiftUI學習Demo,學自於國外很出名的一個SwiftUI課程:DesignCode。(這是收費的課程,當然也可以從其他渠道獲取該資源,例如某第一或第二字母站...)

PS:該 Project 是SwiftUI 1.0時的課程(Part1),而我開始動手時SwiftUI已經是2.0版本了,這是一個相容後的版本,因此可能會有一些相容上的bug。

從該 Project 中可以學到很多酷炫的SwiftUI用法,這裡大概列舉一下:

ContentView

手勢+動畫的完美體驗

jp_gif_file 3.GIF

HomeView

快捷搭建精美UI

jp_gif_file 5.GIF jp_gif_file 4.GIF

CourseList

漂亮的過場動畫

jp_gif_file 6.GIF

在iOS14會有手勢衝突,會來回彈動,在iOS15直接會卡死,所以這種實現在實際開發中已經無法使用,這裡僅供動畫實現的一些思路。

LoginView

使用視覺差營造偽3D效果

jp_gif_file 2.GIF

Buttons

擬物化的實現

jp_gif_file 7.GIF jp_gif_file 8.GIF jp_gif_file 9.GIF

還有其他: - 相容iPad - 深色模式 - 如何在SwiftUI中使用UIKit - Combine的基本使用 - 在Xcode上如何快速使用SwiftUI搭建介面 等等等等...

踩坑的筆記我都寫在程式碼裡面,有興趣的童鞋可以下載體驗一下,更多的一些知識點日後會在這裡進行補充。

對自己的吐槽:該課程看了很久,踩了很多坑,所以經常卡住我很長時間,另外加上經常工作後也沒精力學,而過段時間後回來再看,有些地方忘了又得重新回想起來,導致學得斷斷續續,來來回回看了有3個多月,唉...

總而言之,個人感覺SwiftUI是真的非常強大,還有很多很多需要學習的地方,我得趕緊習慣這種視覺化+響應式程式設計的思想!

日後會更新Part2部分~(SwiftUI 2.0