2025 最新版 Swift 程式教學：使用 UITabBarController 實現選項卡控制器

在這篇文章中，我們將學習如何使用 Swift 中的 UITabBarController 來實現選項卡控制器，以提升應用程式的使用體驗。選項卡控制器能讓用戶在不同的視圖之間輕鬆切換，提供更好的導航方式。本文將介紹 UITabBarController 的基本用法、為選項卡添加圖標與文字、以及切換選項卡的技巧。

使用 UITabBarController 類實現選項卡控制器

UITabBarController 是一個非常有用的類，專門用來管理應用程式中的選項卡。要使用 UITabBarController，我們首先需要創建一個 UITabBarController 的實例，然後將其設置為應用程式的根視圖控制器。接下來，我們可以利用 UITabBarController 的 viewControllers 屬性來添加需要顯示的視圖控制器。

步驟一：創建 UITabBarController

“`swift
// 創建 UITabBarController 對象
let tabBarController = UITabBarController()

// 設置根視圖控制器
self.window?.rootViewController = tabBarController
“`

步驟二：添加視圖控制器

“`swift
// 創建要顯示的視圖控制器
let viewController1 = UIViewController()
let viewController2 = UIViewController()

// 將視圖控制器添加到 UITabBarController 對象中
tabBarController.viewControllers = [viewController1, viewController2] “`

為選項卡添加圖標和文字

在使用 UITabBarController 創建選項卡控制器時，我們可以通過 UITabBarItem 來為每個選項卡配置圖標與文字。UITabBarItem 類有 title 和 image 屬性，分別用來設定選項卡的標題和圖標。

步驟三：創建 UITabBarItem

“`swift
// 創建 UITabBarItem 對象
let tabBarItem1 = UITabBarItem(title: “首頁”, image: UIImage(named: “home”), tag: 0)
let tabBarItem2 = UITabBarItem(title: “設置”, image: UIImage(named: “settings”), tag: 1)

// 將 UITabBarItem 對象設置為視圖控制器的 tabBarItem 屬性
viewController1.tabBarItem = tabBarItem1
viewController2.tabBarItem = tabBarItem2
“`

切換選項卡

當我們需要控制用戶在不同選項卡之間的切換時，可以使用 selectedIndex 屬性來設置當前選項卡。此外，還可以使用 selectedViewController 屬性來獲取當前顯示的視圖控制器。若要動態更改顯示的視圖控制器，則可以使用 setViewControllers(_:animated:) 方法。

步驟四：切換選項卡

“`swift
// 切換選項卡
tabBarController.selectedIndex = 1
“`

總結

本文介紹了如何使用 Swift 的 UITabBarController 來實現選項卡控制器，包括如何添加視圖控制器、設置圖標與文字及切換選項卡。這些技巧將幫助你創建一個更友好的應用程式界面，改善用戶體驗。

常見問題解答 (Q&A)

Q1: UITabBarController 可以同時顯示多少個選項卡？

A1: UITabBarController 可以顯示多個選項卡，但建議限制在 5 個以內，這樣可以保持界面的簡潔與易用性。

Q2: 如何自定義選項卡的樣式？

A2: 你可以通過設置 UITabBarItem 的 appearance 屬性來自定義選項卡的樣式，例如更改字體顏色、背景顏色等。

Q3: 若要在選項卡之間傳遞數據，有什麼方法？

A3: 你可以使用 Delegation 或 NotificationCenter 來在不同的視圖控制器之間傳遞數據，這樣能夠保持代碼的清晰和可維護性。

—