ios 切换底部tabbar

iOS 切换底部 TabBar

在 iOS 应用中，底部的 TabBar 是一种常见的导航方式，通过切换不同的 Tab 来显示不同的内容页面。本文将介绍如何在 iOS 应用中实现底部 TabBar 的切换功能。

1. 创建 TabBar 控制器

首先，我们需要创建一个 TabBar 控制器来管理底部的 TabBar。在 Xcode 中，选择 "File" -> "New" -> "File"，然后选择 "Cocoa Touch Class" 创建一个新的类，命名为 "TabBarController"。将其继承自 "UITabBarController" 类。

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 添加 TabBar 的子视图控制器
        let firstVC = FirstViewController()
        let secondVC = SecondViewController()
        
        self.viewControllers = [firstVC, secondVC]
        
        // 设置默认选中的 Tab
        self.selectedIndex = 0
    }
}

在 TabBarController 的 viewDidLoad 方法中，我们添加了两个子视图控制器，并将它们设置为 TabBar 的子控制器。我们还可以通过设置 selectedIndex 来指定默认选中的 Tab。

2. 创建 TabBar 对应的视图控制器

在上一步中，我们添加了两个子视图控制器，分别是 FirstViewController 和 SecondViewController。下面我们来创建这两个视图控制器。

class FirstViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        self.view.backgroundColor = UIColor.red
    }
}

class SecondViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        self.view.backgroundColor = UIColor.blue
    }
}

在 FirstViewController 和 SecondViewController 的 viewDidLoad 方法中，我们只是简单地设置了它们的背景颜色，以便在界面上能够看到不同的效果。

3. 设置 TabBar 的图标和标题

在上一步中，我们创建了两个视图控制器，并将它们添加为 TabBar 的子控制器。但是，我们还需要设置每个 Tab 的图标和标题。

在 TabBarController 的 viewDidLoad 方法中，我们可以通过以下代码来设置 TabBar 的图标和标题。

let firstItem = UITabBarItem(title: "First", image: UIImage(named: "first"), tag: 0)
let secondItem = UITabBarItem(title: "Second", image: UIImage(named: "second"), tag: 1)

firstVC.tabBarItem = firstItem
secondVC.tabBarItem = secondItem

上述代码中，我们分别创建了 UITabBarItem 对象，并设置了标题、图标和标签。然后，将其分别赋给对应的视图控制器的 tabBarItem 属性。在实际使用中，需要将 "first" 和 "second" 替换为对应的图标资源文件名。

4. 切换 TabBar

在创建完 TabBar 控制器后，我们可以通过点击底部的 Tab 来切换不同的视图控制器。默认情况下，系统会自动处理这些切换操作。如果需要在代码中手动切换 Tab，可以使用 selectedIndex 或 selectedViewController 属性来实现。

// 切换到第一个 Tab
self.selectedIndex = 0

// 切换到第二个 Tab
self.selectedIndex = 1

// 切换到指定的视图控制器
self.selectedViewController = firstVC

上述代码中，我们通过设置 selectedIndex 属性来切换 Tab，其中的值对应着 Tab 的索引。我们还可以通过设置 selectedViewController 属性来直接切换到指定的视图控制器。

5. 定制 TabBar 样式

除了基本的切换功能，我们还可以对 TabBar 进行定制，以满足特定的设计需求。

5.1 修改 TabBar 背景颜色

可以通过 UITabBar 的 barTintColor 属性来修改 TabBar 的背景颜色。

self.tabBar.barTintColor = UIColor.white

5.2 修改 TabBar 图标和标题的颜色

可以通过 UITabBar 的 unselectedItemTintColor 属性来修改未选中的 Tab 图标和标题的颜色。

self.tabBar