如何为多个自定义UIView设置不同CGColor的渐变背景？

看起来你已经搞定了基础的渐变实现函数applyGradient，现在想给6个自定义UIView分别应用不同的CGColor组合渐变对吧？其实不用给每个视图单独写onebg()、twobg()这类重复函数，我们可以用更简洁的方式调用，让代码更易维护。

先确认你的applyGradient基础实现（如果还没完善的话） #

首先假设你的渐变函数是基于CAGradientLayer实现的，标准写法大概是这样：

func applyGradient(color1: CGColor, color2: CGColor, view: UIView) {
    // 先移除视图上已有的渐变层，避免重复叠加
    view.layer.sublayers?.removeAll(where: { $0 is CAGradientLayer })
    
    let gradientLayer = CAGradientLayer()
    gradientLayer.colors = [color1, color2]
    gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.0) // 可根据需求调整渐变方向
    gradientLayer.endPoint = CGPoint(x: 1.0, y: 1.0)
    gradientLayer.frame = view.bounds
    view.layer.insertSublayer(gradientLayer, at: 0)
}

方式1：直接逐个调用（简单直观） #

在viewDidLoad或者视图初始化完成的地方，直接给每个视图传入对应的颜色组合即可，不用额外封装函数：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 给calendarView应用第一组渐变
    applyGradient(
        color1: UIColor(red: 218/255, green: 52/255, blue: 204/255, alpha: 1).cgColor,
        color2: UIColor(red: 149/255, green: 39/255, blue: 137/255, alpha: 1).cgColor,
        view: calendarView
    )
    
    // 给第二个视图（比如profileView）应用第二组渐变
    applyGradient(
        color1: UIColor(red: 104/255, green: 76/255, blue: 200/255, alpha: 1).cgColor,
        color2: UIColor(red: 64/255, green: 45/255, blue: 120/255, alpha: 1).cgColor,
        view: profileView
    )
    
    // 剩下4个视图同理，按需求传入对应的颜色和视图对象
}

方式2：批量调用（适合视图和颜色组较多的场景） #

如果你的6个视图和对应的颜色组是固定的，可以把它们打包成数组，用zip批量遍历应用：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 1. 整理你的6个目标视图
    let targetViews: [UIView] = [calendarView, profileView, settingsView, statsView, messageView, profileCardView]
    
    // 2. 整理对应的渐变颜色对（顺序要和视图数组一一对应）
    let gradientColorPairs: [(CGColor, CGColor)] = [
        (
            UIColor(red: 218/255, green: 52/255, blue: 204/255, alpha: 1).cgColor,
            UIColor(red: 149/255, green: 39/255, blue: 137/255, alpha: 1).cgColor
        ),
        (
            UIColor(red: 104/255, green: 76/255, blue: 200/255, alpha: 1).cgColor,
            UIColor(red: 64/255, green: 45/255, blue: 120/255, alpha: 1).cgColor
        ),
        // 剩下4组颜色对，依次添加
    ]
    
    // 3. 批量应用渐变
    zip(targetViews, gradientColorPairs).forEach { view, colors in
        applyGradient(color1: colors.0, color2: colors.1, view: view)
    }
}

方式3：给UIView写扩展（更优雅的调用方式） #

如果后续还要频繁给视图加渐变，可以给UIView写个扩展，让调用更简洁：

extension UIView {
    func applyGradient(color1: CGColor, color2: CGColor, 
                       startPoint: CGPoint = CGPoint(x: 0, y: 0), 
                       endPoint: CGPoint = CGPoint(x: 1, y: 1)) {
        // 移除旧渐变层
        layer.sublayers?.removeAll(where: { $0 is CAGradientLayer })
        
        let gradientLayer = CAGradientLayer()
        gradientLayer.colors = [color1, color2]
        gradientLayer.startPoint = startPoint
        gradientLayer.endPoint = endPoint
        gradientLayer.frame = bounds
        layer.insertSublayer(gradientLayer, at: 0)
        
        // 可选：监听视图bounds变化，自动更新渐变层（适配旋转、自适应布局）
        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" {
            layer.sublayers?.forEach {
                if let gradientLayer = $0 as? CAGradientLayer {
                    gradientLayer.frame = bounds
                }
            }
        }
    }
}

调用的时候就可以直接在视图对象上操作，非常直观：

calendarView.applyGradient(
    color1: UIColor(red: 218/255, green: 52/255, blue: 204/255, alpha: 1).cgColor,
    color2: UIColor(red: 149/255, green: 39/255, blue: 137/255, alpha: 1).cgColor
)

// 还可以自定义渐变方向，比如垂直渐变
settingsView.applyGradient(
    color1: UIColor(red: 255/255, green: 120/255, blue: 80/255, alpha: 1).cgColor,
    color2: UIColor(red: 255/255, green: 60/255, blue: 40/255, alpha: 1).cgColor,
    startPoint: CGPoint(x: 0, y: 0),
    endPoint: CGPoint(x: 0, y: 1)
)

注意事项 #

• 如果视图的frame会动态变化（比如屏幕旋转、自适应布局），一定要确保渐变层的frame跟着更新，上面的扩展已经用KVO做了处理，或者你也可以在viewDidLayoutSubviews里重新调用渐变函数。
• 避免重复调用渐变函数导致叠加多个渐变层，所以每次添加新渐变前要移除旧的渐变层。

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