【App Dev-SwiftUI心得筆記】#1 切版初體驗
Published in
May 8, 2021
之前寫 iOS 的畫面都是用StoryBoard來寫,這次來試試看用SwiftUI來寫寫看 🤨
這次要來挑戰看看用SwiftUI 寫一個介紹台灣的APP “Discover Taiwan”
對SwiftUI不熟悉的我呢,只好找資源幫忙拉!
這次透過 LBTA 的課程 Travel Discovery 來學習 swiftUI ,並配上 快速精通SwiftUI 作為字典書 🤓
Components Used :
Navigation View, ScrollView, VStack, HStack, Text, Spacer , ForEach, Image,
建構出WireFrame:
運用 Spacer() 來建構出各個物件的位置
小技巧:將程式碼轉成元件Component
開始建構物件內容
- 透過 陣列的方式 進行模組化物件,並且運用 SF Symbols 2 作為小ICON
2. 透過 .resizable .scaledToFill 製作照片卡
心得:
發現 SwiftUI 比 StoryBoard 在建構畫面時快很多,摳起來很像在寫 html :P
而且還能即時預覽畫面,真的比較方便很多,能夠馬上做微調。看來真的要多練練這項技能了 ^ 3 ^
學習資料Note:
SF Symbols 2
Apple 系統內建 Symbols 總覽
https://developer.apple.com/sf-symbols/
Taiwan Scenery Gallery
在網路上找到的一個專門分享台灣地方照片的平台,概念真的很棒。
這也是我想要做 Discover Taiwan APP 的原因之一, 想要效仿他們一樣,到處去收集拍照 台灣的美 :D 並且做成 APP。