自定义标签栏 Swift iOS - Swift

在 iOS 应用程序中，标签栏是非常常见的组件，它通常用于切换应用程序的不同视图控制器。但是，系统提供的标签栏可能无法满足我们的需求，因此我们需要自定义标签栏以实现所需的外观和功能。

本文将介绍如何使用 Swift 在 iOS 应用程序中创建自定义标签栏。

步骤1: 创建标签栏控制器

我们首先需要创建标签栏控制器（UITabBarController），用于托管标签栏和实现切换视图控制器的功能。

Markdown 代码：

class CustomTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
    }
}

步骤2: 创建标签视图控制器

我们需要创建用于填充标签栏的视图控制器，这些视图控制器将成为标签栏每个项目的代表。

Markdown 代码：

class FirstViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .red
    }
}

class SecondViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .green
    }
}

步骤3: 将标签视图控制器添加到标签栏中

在 CustomTabBarController 的 viewDidLoad 方法中，我们将每个标签视图控制器添加到标签栏中。

Markdown 代码：

class CustomTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()

        let firstVC = FirstViewController()
        firstVC.tabBarItem = UITabBarItem(title: "First", image: UIImage(named: "first"), tag: 0)

        let secondVC = SecondViewController()
        secondVC.tabBarItem = UITabBarItem(title: "Second", image: UIImage(named: "second"), tag: 1)

        viewControllers = [firstVC, secondVC]
    }
}

注意，我们使用了 UITabBarItem 类来为每个标签指定标题和图标（image）。

步骤4: 自定义标签栏外观

现在我们已经为标签栏指定了视图控制器，但是标签栏的外观仍然是系统默认的。我们可以通过以下代码自定义标签栏的外观：

Markdown 代码：

class CustomTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()

        // ... existing code ...

        tabBar.backgroundColor = .white
        tabBar.tintColor = .black
        tabBar.barTintColor = .white
        tabBar.unselectedItemTintColor = .gray
        tabBar.layer.borderWidth = 0.5
        tabBar.layer.borderColor = UIColor.gray.cgColor
        tabBar.shadowImage = UIImage()
        tabBar.backgroundImage = UIImage()
    }
}

在上面的代码中，我们将标签栏的背景色、选中项颜色（tintColor）、未选中项颜色（unselectedItemTintColor）等设置为自己想要的值。我们还添加了一些外观属性，例如边框、阴影等。

结论

现在，我们已经创建了一个自定义标签栏。我们可以在 CustomTabBarController 中添加任意数量的视图控制器，也可以使用不同的外观属性来自定义标签栏的外观。