# 23 SwiftUI(2)

MyResume

今天要來用 SwiftUI 做一個簡易的履歷app包含了

• HStack
• VStack
• ScrollView
• ContactView
• SF Symbols

首先先建立一個SwiftUI專案

記得改成SwiftUI

SF Symbols

還沒下載 SF Symbols 可以去這裡下載，裡面有非常多在寫程式的時候會用到的圖案。

SF Symbols - Apple Developer

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 通過其簡潔的語法、強大的功能和現代化的設計，使得用戶界面開發變得更加簡單、直觀和靈活。