什麼是分段控制器？
分段控制器（Segmented Control）是一種常見的 UI 元件，允許使用者在不同的選項之間進行選擇。這使得開發者能夠創建更直觀的應用程式介面，提供使用者更多的互動選擇。
在 SwiftUI 中使用分段控制器
SwiftUI 在 2025 年引入了一些新的語法與最佳實踐，使得使用分段控制器變得更簡單。以下是實作分段控制器的完整步驟。
步驟 1：定義分段控制器變數
首先，您需要定義一個 `@State` 變數來追踪選擇的項目，並創建一個 `SegmentedControl` 的實例，指定其選項。以下是範例程式碼：
“`swift
@State private var selection = 0
var body: some View {
SegmentedControl(selection: $selection) {
Text(“Option 1”).tag(0)
Text(“Option 2”).tag(1)
Text(“Option 3”).tag(2)
}
}
“`
步驟 2：將分段控制器加入到 View
接下來，將分段控制器添加到您的 SwiftUI 視圖中，並根據使用者的選擇顯示相應的內容：
“`swift
var body: some View {
VStack {
SegmentedControl(selection: $selection) {
Text(“Option 1”).tag(0)
Text(“Option 2”).tag(1)
Text(“Option 3”).tag(2)
}
Text(“你選擇的是: \(selection)”)
}
}
“`
步驟 3：根據選擇執行動作
根據使用者的選擇，您可以執行不同的操作。以下是一個示範，展示如何根據選擇顯示不同的視圖：
“`swift
var body: some View {
VStack {
SegmentedControl(selection: $selection) {
Text(“Option 1”).tag(0)
Text(“Option 2”).tag(1)
Text(“Option 3”).tag(2)
}
if selection == 0 {
Text(“選擇了 Option 1”)
} else if selection == 1 {
Text(“選擇了 Option 2”)
} else {
Text(“選擇了 Option 3”)
}
}
}
“`
常見錯誤排除
– **錯誤 1：選擇項目不更新**
確保在 `SegmentedControl` 的 `selection` 綁定正確。如果您使用的是 `@State` 變數，請確認它已正確初始化。
– **錯誤 2：UI 無法更新**
如果 UI 沒有隨著選擇變化而更新，請檢查您的 SwiftUI 視圖是否正確構建，並確保狀態變數（如 `selection`）的改變能夠觸發視圖更新。
延伸應用
分段控制器不僅可以用於簡單的選擇，還可以用於更複雜的操作，如切換不同的視圖或更新資料。您可以將其與其他 SwiftUI 元件結合，例如圖表、列表或自定義視圖，以創造更豐富的用戶體驗。
Q&A（常見問題解答）
Q1: 如何在 SwiftUI 中調整分段控制器的樣式？
A1: 您可以使用 `.pickerStyle()` 修飾符來調整分段控制器的樣式，例如 `.segmented` 以便使其看起來更像傳統的分段控制器。
Q2: 分段控制器可以與其他 SwiftUI 元件一起使用嗎？
A2: 是的，分段控制器可以與其他元件（如列表、圖表等）一起使用，以創建更複雜的用戶界面和交互。
Q3: 分段控制器是否可以動態生成選項？
A3: 可以，您可以通過迴圈將選項動態生成並傳遞給 `SegmentedControl`，使其具備更大的靈活性和可擴展性。
希望這篇文章能幫助您順利在 SwiftUI 中使用分段控制器！如有任何疑問，歡迎在下方留言交流。
—