2025 年最新 Swift 程式教學：使用 UISegmentedControl 創建分段控件
在 Swift 中，分段控件（UISegmentedControl）是一種常用的用戶界面元素，能幫助用戶在多個選項之間快速切換。本文將介紹如何使用 UISegmentedControl 類來實現分段控件，包括如何設置分段控件的標題、如何獲取當前選中索引、如何為分段控件添加事件處理方法等，並提供實作範例和錯誤排除建議。
使用 UISegmentedControl 類實現分段控件
首先，我們需要創建一個 UISegmentedControl 實例，並將其添加到視圖中。以下是基本的實作範例：
“`swift
let segmentedControl = UISegmentedControl()
segmentedControl.translatesAutoresizingMaskIntoConstraints = false // 使其自動布局
view.addSubview(segmentedControl)
// 設置約束以定位分段控件
NSLayoutConstraint.activate([
segmentedControl.centerXAnchor.constraint(equalTo: view.centerXAnchor),
segmentedControl.centerYAnchor.constraint(equalTo: view.centerYAnchor)
])
“`
設置分段控件的標題
接下來，我們可以使用 `insertSegment(withTitle:at:animated:)` 方法來為分段控件添加標題：
“`swift
segmentedControl.insertSegment(withTitle: “選項 1”, at: 0, animated: true)
segmentedControl.insertSegment(withTitle: “選項 2”, at: 1, animated: true)
segmentedControl.insertSegment(withTitle: “選項 3”, at: 2, animated: true)
“`
確保標題的語言符合你的應用需求，這有助於增強用戶體驗。
獲取分段控件的當前選中索引
我們可以使用 `selectedSegmentIndex` 屬性來獲取分段控件的當前選中索引：
“`swift
let selectedIndex = segmentedControl.selectedSegmentIndex
“`
這能幫助我們了解用戶當前的選擇。
為分段控件添加事件處理方法
最後，我們可以使用 `addTarget(_:action:for:)` 方法來為分段控件添加事件處理方法：
“`swift
segmentedControl.addTarget(self, action: #selector(handleSegmentChange), for: .valueChanged)
“`
在 `handleSegmentChange` 方法中，我們可以獲取分段控件的當前選中索引，並做出相應的處理：
“`swift
@objc func handleSegmentChange() {
let selectedIndex = segmentedControl.selectedSegmentIndex
// 根據選中索引執行相應操作
switch selectedIndex {
case 0:
print(“選擇了選項 1”)
case 1:
print(“選擇了選項 2”)
case 2:
print(“選擇了選項 3”)
default:
break
}
}
“`
錯誤排除建議
– 確保在視圖加載後添加 UISegmentedControl 到視圖中，否則可能無法顯示。
– 檢查標題是否正確插入，並確保沒有重複的選項。
延伸應用
可以將 UISegmentedControl 與其他 UI 元素（如 UILabel 或 UIImageView）組合使用，根據用戶選擇動態更新顯示內容。例如，在選擇不同選項時顯示不同的圖片或文字。
總結
本文介紹了如何使用 Swift 中的 UISegmentedControl 實現分段控件，涵蓋了創建控件、設置標題、獲取選中索引及事件處理等基本步驟。通過學習這些內容，你應該能夠靈活地使用 UISegmentedControl，提升你的 iOS 開發技能。
Q&A（常見問題解答）
**Q1: UISegmentedControl 可以自定義樣式嗎？**
A1: 是的，可以通過設置背景顏色、選中顏色來自定義 UISegmentedControl 的樣式。
**Q2: 如何在 UISegmentedControl 中使用圖片而不是文字？**
A2: 可以使用 `insertSegment(with:at:animated:)` 方法插入 UIImage，從而在分段控件中顯示圖片。
**Q3: UISegmentedControl 有什麼替代方案？**
A3: 如果需要更複雜的選擇界面，可以考慮使用 UICollectionView 或自定義 UIView。這些組件提供了更大的靈活性和自定義選項。
—