iOS新手求助：如何为CarbonTabSwipeNavigation添加渐变颜色

嘿，作为iOS开发新手遇到这个问题很正常，我帮你分析下原因并给出解决方案～

问题根源 #

你当前的代码有两个可能的问题导致渐变不显示：

1. 初始化时Toolbar的Bounds未确定：在初始化CarbonTabSwipeNavigation时，toolbar的bounds可能还是默认的CGRectZero，此时添加的渐变层没有实际尺寸，自然看不到效果。
2. 渐变层被默认视图覆盖：CarbonTabSwipeNavigation的toolbar可能自带了背景视图或颜色，你插入的渐变层被上层视图挡住了。

解决方案 #

下面提供两种可靠的实现方式，你可以任选其一：

方案一：监听Toolbar布局变化，动态更新渐变层

修改你的UIToolbar扩展，添加布局监听确保渐变层始终匹配toolbar的尺寸：

extension UIToolbar {
    func setGradientToToolbar(default_pri_color: UIColor, default_sec_color: UIColor) {
        // 先移除已有的渐变层，避免重复添加
        self.layer.sublayers?.filter { $0 is CAGradientLayer }.forEach { $0.removeFromSuperlayer() }
        
        let gradient = CAGradientLayer()
        gradient.frame = self.bounds
        // 渐变颜色数组
        gradient.colors = [default_pri_color.cgColor, default_sec_color.cgColor]
        // 可选：设置渐变方向，默认是从上到下，这里示例是从左到右
        gradient.startPoint = CGPoint(x: 0, y: 0)
        gradient.endPoint = CGPoint(x: 1, y: 0)
        
        self.layer.insertSublayer(gradient, at: 0)
        
        // 监听bounds变化，动态更新渐变层尺寸
        self.addObserver(self, forKeyPath: "bounds", options: .new, context: nil)
    }
    
    override open func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        if keyPath == "bounds" {
            self.layer.sublayers?.filter { $0 is CAGradientLayer }.forEach {
                $0.frame = self.bounds
            }
        }
    }
    
    deinit {
        self.removeObserver(self, forKeyPath: "bounds")
    }
}

方案二：替换Toolbar的背景视图（更推荐）

直接设置toolbar的backgroundView为渐变视图，这样能确保渐变在最底层不会被覆盖：

extension UIToolbar {
    func setGradientToToolbar(default_pri_color: UIColor, default_sec_color: UIColor) {
        let gradientView = UIView(frame: self.bounds)
        let gradient = CAGradientLayer()
        gradient.frame = gradientView.bounds
        gradient.colors = [default_pri_color.cgColor, default_sec_color.cgColor]
        gradientView.layer.insertSublayer(gradient, at: 0)
        
        // 将渐变视图设置为toolbar的背景
        self.backgroundView = gradientView
        
        // 监听布局变化更新尺寸
        self.addObserver(self, forKeyPath: "bounds", options: .new, context: nil)
    }
    
    override open func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        if keyPath == "bounds" {
            self.backgroundView?.frame = self.bounds
            self.backgroundView?.layer.sublayers?.filter { $0 is CAGradientLayer }.forEach {
                $0.frame = self.backgroundView!.bounds
            }
        }
    }
    
    deinit {
        self.removeObserver(self, forKeyPath: "bounds")
    }
}

调用时机调整 #

另外，建议你不要在初始化时直接调用渐变方法，而是在viewDidLayoutSubviews中调用，此时toolbar的尺寸已经确定：

class YourViewController: UIViewController, CarbonTabSwipeNavigationDelegate {
    var carbonTabSwipeNavigation: CarbonTabSwipeNavigation!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let items = ["Tab1", "Tab2", "Tab3"]
        carbonTabSwipeNavigation = CarbonTabSwipeNavigation(items: items, delegate: self)
        carbonTabSwipeNavigation.insert(intoRootViewController: self)
    }
    
    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        // 在这里设置渐变
        carbonTabSwipeNavigation.toolbar.setGradientToToolbar(default_pri_color: UIColor.DarkBlue(), default_sec_color: UIColor.LightBlue())
    }
    
    // 实现CarbonTabSwipeNavigationDelegate方法...
}

这样调整后，渐变应该就能正常显示啦～

内容的提问来源于stack exchange，提问作者Gunjan