#10 ⭐️ 利用 page control，segmented control，button & gesture 更換內容

這次作業我要使用以前在香港蠟像館與一些名人合照的照片來完成

1. 設計介面

首先，Storyboard 中添加一個 UIImageView 來展示圖片，一個 UILabel 來顯示名字，一個 UISegmentedControl 來選擇不同的圖片，以及一個 UIPageControl 來指示當前頁面的位置。

2. 創建 IBOutlet 和 IBAction

將這些 UI 組件連接 ViewController 中，作為 IBOutlet 和 IBAction。這樣可以在代碼中訪問和操作這些組件。

@IBOutlet weak var imageShow: UIImageView!
@IBOutlet weak var nameSegament: UISegmentedControl!
@IBOutlet weak var picturePage: UIPageControl!
@IBOutlet weak var nameShow: UILabel!

3. 初始化和更新 UI

在 ViewController 的 viewDidLoad 方法中初始化 UI 組件。創建一個 updateUI 方法來更新圖片、名稱、選擇控制和頁面控制的當前狀態。

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view.
}

func updateUI() {
    imageShow.image = UIImage(named: name[index])
    nameShow.text = name[index]
    nameSegament.selectedSegmentIndex = index
    picturePage.currentPage = index
}

4. 處理用戶交互

實現 selectPicture、changePageControll、pre 和 next 方法來處理button 和 滑動的交互，並調用 updateUI 方法來更新 UI。

@IBAction func selectPicture(_ sender: Any) {
    // 更新 index 並調用 updateUI
}

@IBAction func changePageControll(_ sender: Any) {
    // 更新 index 並調用 updateUI
}

@IBAction func pre(_ sender: Any) {
    // 更新 index 並調用 updateUI
}

@IBAction func next(_ sender: Any) {
    // 更新 index 並調用 updateUI
}

5. 成果展示

GitHub - liyoway/changeImage