ios 自定义tabbarcontroller

iOS自定义TabBarController

在iOS开发中，TabBarController是一个常用的控件，用于管理多个子控制器，实现底部的切换功能。但是默认的TabBarController样式可能无法满足我们的需求，因此我们需要对其进行自定义。

自定义TabBarController的思路

我们需要实现一个自定义的TabBarController，主要包括以下几个步骤：

1. 创建一个继承自UITabBarController的子类，例如CustomTabBarController。
2. 在CustomTabBarController中，创建一个自定义的TabBar，例如CustomTabBar。
3. 将CustomTabBar设置为CustomTabBarController的tabBar属性。
4. 在CustomTabBar中，添加自定义的按钮和其他样式。
5. 通过代理方法实现按钮点击事件，并切换对应的子控制器。

创建自定义TabBarController

首先，我们需要创建一个继承自UITabBarController的子类CustomTabBarController。

class CustomTabBarController: UITabBarController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 创建自定义的TabBar
        let customTabBar = CustomTabBar()
        customTabBar.delegate = self
        
        // 将自定义的TabBar设置为当前TabBarController的tabBar属性
        self.setValue(customTabBar, forKey: "tabBar")
    }
}

extension CustomTabBarController: CustomTabBarDelegate {
    func tabBarDidSelect(at index: Int) {
        // 切换对应的子控制器
        self.selectedIndex = index
    }
}

创建自定义TabBar

接下来，我们需要创建一个自定义的TabBar类CustomTabBar，用于展示自定义的按钮和其他样式。

protocol CustomTabBarDelegate: AnyObject {
    func tabBarDidSelect(at index: Int)
}

class CustomTabBar: UIView {
    
    weak var delegate: CustomTabBarDelegate?
    
    // 按钮点击事件
    @objc func buttonDidClick(_ sender: UIButton) {
        // 通过tag区分按钮
        self.delegate?.tabBarDidSelect(at: sender.tag)
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        // 添加按钮和其他样式
        let button1 = UIButton()
        button1.tag = 0
        button1.addTarget(self, action: #selector(buttonDidClick(_:)), for: .touchUpInside)
        
        // ...
        
        self.addSubview(button1)
        // ...
    }
    
    // ...
}

序列图

下面是自定义TabBarController的界面切换时的序列图。

sequenceDiagram
    participant CustomTabBarController
    participant CustomTabBar
    participant ViewController1
    participant ViewController2

    CustomTabBarController->>CustomTabBar: viewDidLoad()
    CustomTabBarController->>CustomTabBar: setValue(customTabBar, forKey: "tabBar")
    CustomTabBar->>CustomTabBarController: tabBarDidSelect(at index)
    CustomTabBarController->>CustomTabBarController: selectedIndex = index
    CustomTabBarController->>ViewController1: 切换到ViewController1
    CustomTabBarController->>ViewController2: 切换到ViewController2

类图

下面是自定义TabBarController和CustomTabBar的类图。

classDiagram
    class CustomTabBarController {
        + viewDidLoad()
        + tabBarDidSelect(at index: Int)
    }

    class CustomTabBar {
        - delegate: CustomTabBarDelegate?
        + buttonDidClick(_ sender: UIButton)
    }

    interface CustomTabBarDelegate {
        + tabBarDidSelect(at index: Int)
    }

总结

通过以上步骤，我们可以实现一个自定义的TabBarController，并实现底部按钮的切换功能。在实际开发中，我们可以根据自己的需求对CustomTabBar进行样式和功能的扩展，以满足项目的需要。希望本文对你理解和使用自定义TabBarController有所帮助。