# 23 SwiftUI(2)
今天要來用 SwiftUI 做一個簡易的履歷app包含了
- HStack
- VStack
- ScrollView
- ContactView
- SF Symbols
首先先建立一個SwiftUI專案
SF Symbols
還沒下載 SF Symbols 可以去這裡下載,裡面有非常多在寫程式的時候會用到的圖案。
HStack & VStack
上一篇有提到一個APP的組成,Scene是需要知道它的每個視窗一打開的畫面是什麼,View需要你告訴它你的畫面長怎樣,而HStack & VStack就是垂直和水平排列視圖
這裡可以看到這個 VStack 包含了基本信息、Contact Me、Skill 還有Experience。
而 HStack 能夠讓頭貼和右邊的姓名等呈現水平排列
ScrollView
就跟 Swift 的 Scroll View 一樣只不過在 SwiftUI 裡面只需要把程式碼用ScrollView包起來就能達到上下滑動的效果
ContactView
中間的 Contact Me 可以拉出來的效果就是用 ContactView 去新增出來
感想
SwiftUI 提供了一種聲明式的編程范式,你只需描述你希望的界面是什麼樣的,而不需要關心如何實現它。這種方式讓代碼更易讀、易維護,並且減少了編寫代碼的量。
而佈局方面使用自動佈局系統來處理視圖的位置和大小。你可以使用各種佈局容器(如 VStack、HStack、ZStack 等)和修飾符來創建複雜的佈局,而不需要手動計算每個視圖的位置和大小。
總的來說,SwiftUI 通過其簡潔的語法、強大的功能和現代化的設計,使得用戶界面開發變得更加簡單、直觀和靈活。