iOS 修改tabbar背景颜色

原创

mob649e81553a70 2023-12-05 16:14:20 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e81553a70的原创作品，请联系作者获取转载授权，否则将追究法律责任

iOS 修改 `tabbar` 背景颜色

引言

在 iOS 开发中，UITabBarController 是常见的用户界面元素之一，它通常用于实现底部导航栏。UITabBarController 内部包含了 UITabBar，我们可以通过修改 UITabBar 的属性来改变底部导航栏的外观。其中，修改 tabbar 的背景颜色是常见需求之一。本文将介绍如何通过代码修改 tabbar 的背景颜色。

修改 `tabbar` 背景颜色的方法

在 iOS 开发中，我们可以通过以下两种方法来修改 tabbar 的背景颜色：

使用图片作为背景
使用纯色作为背景

下面将分别介绍这两种方法的具体实现。

使用图片作为背景

首先，准备一张适合作为 tabbar 背景的图片，例如 background.png。
在 UITabBarController 中，通过以下代码将图片设置为 tabbar 的背景：
```
let backgroundImage = UIImage(named: "background.png")
self.tabBar.backgroundImage = backgroundImage
```
或者，如果希望图片在选中状态下也能显示，可以使用以下代码：
```
let backgroundImage = UIImage(named: "background.png")
self.tabBar.selectionIndicatorImage = backgroundImage
```
这样，tabbar 的背景就会显示为所选图片。

使用纯色作为背景

如果不想使用图片作为背景，可以选择使用纯色作为 tabbar 的背景。

在 UITabBarController 中，通过以下代码设置 tabbar 的背景颜色：
```
self.tabBar.barTintColor = UIColor.red
```
这样，tabbar 的背景颜色就会变为红色。
如果希望 tabbar 在选中状态下显示不同的背景颜色，可以使用以下代码：
```
self.tabBar.tintColor = UIColor.blue
```
这样，当某个选项卡被选中时，tabbar 的背景颜色就会变为蓝色。

示例代码

下面是一个完整的示例代码，演示了如何使用图片和纯色作为 tabbar 的背景：

import UIKit

class MyTabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // 使用图片作为背景
        let backgroundImage = UIImage(named: "background.png")
        self.tabBar.backgroundImage = backgroundImage

        // 使用纯色作为背景
        self.tabBar.barTintColor = UIColor.red
        self.tabBar.tintColor = UIColor.blue
    }

}