之前寫 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

開始建構物件內容

  1. 透過 陣列的方式 進行模組化物件,並且運用 SF Symbols 2 作為小ICON

2. 透過 .resizable .scaledToFill 製作照片卡

照片卡來源:【Taiwan Scenery Gallery】

心得:

發現 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。

--

--