求助：CAGradientLayer无法占满视图宽度该如何解决？

你的代码存在两个核心问题：

1. 渐变层的frame仅在调用applyGradient时设置一次，若视图通过AutoLayout布局，后续视图尺寸变化（比如布局约束生效、屏幕旋转）时，渐变层不会自动更新尺寸；
2. 你把autoresizingMask应用到了UIView本身，这个设置对CAGradientLayer无效，应该将自动调整尺寸的属性绑定到渐变层上。

下面提供两种可靠的解决方案：

方案一：给渐变层设置自动调整尺寸属性 #

直接给创建的CAGradientLayer添加自动宽高适配的属性，让它跟随视图尺寸变化自动调整：

import UIKit
import SwiftHEXColors

extension UIView {

    func applyGradient(isVertical: Bool, colorArray: [UIColor]) {
        // 移除旧的渐变层
        layer.sublayers?.filter({ $0 is CAGradientLayer }).forEach({ $0.removeFromSuperlayer() })
        
        let gradientLayer = CAGradientLayer()
        gradientLayer.colors = colorArray.map({ $0.cgColor })
        
        if isVertical {
            // 从上到下渐变
            gradientLayer.locations = [0.0, 1.0]
        } else {
            // 从左到右渐变
            gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)
            gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.5)
        }
        
        backgroundColor = .clear
        gradientLayer.frame = self.bounds
        // 关键：让渐变层跟随视图宽高自动调整
        gradientLayer.autoresizingMask = [.layerWidthSizable, .layerHeightSizable]
        layer.insertSublayer(gradientLayer, at: 0)
    }
    
    func applyAPPGradient() {
        self.applyGradient(isVertical: true, colorArray: [
            UIColor(red: 0.039, green: 0.318, blue: 0.631, alpha: 1),
            UIColor(red: 0.02, green: 0.161, blue: 0.318, alpha: 1)
        ])
    }
}

方案二：通过layoutSubviews确保渐变层尺寸（适配AutoLayout场景） #

如果你的视图大量使用AutoLayout，推荐用这种方式——通过关联对象保存渐变层，在视图布局更新时强制同步渐变层的frame：

import UIKit
import SwiftHEXColors

// 用关联对象存储渐变层，避免重复创建
private var gradientLayerKey: UInt8 = 0

extension UIView {
    private var gradientLayer: CAGradientLayer? {
        get {
            return objc_getAssociatedObject(self, &gradientLayerKey) as? CAGradientLayer
        }
        set {
            objc_setAssociatedObject(self, &gradientLayerKey, newValue, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        }
    }

    func applyGradient(isVertical: Bool, colorArray: [UIColor]) {
        // 移除旧的渐变层
        gradientLayer?.removeFromSuperlayer()
        
        let newGradientLayer = CAGradientLayer()
        newGradientLayer.colors = colorArray.map({ $0.cgColor })
        
        if isVertical {
            newGradientLayer.locations = [0.0, 1.0]
        } else {
            newGradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)
            newGradientLayer.endPoint = CGPoint(x: 1.0, y: 0.5)
        }
        
        backgroundColor = .clear
        newGradientLayer.frame = self.bounds
        layer.insertSublayer(newGradientLayer, at: 0)
        self.gradientLayer = newGradientLayer
    }
    
    func applyAPPGradient() {
        self.applyGradient(isVertical: true, colorArray: [
            UIColor(red: 0.039, green: 0.318, blue: 0.631, alpha: 1),
            UIColor(red: 0.02, green: 0.161, blue: 0.318, alpha: 1)
        ])
    }
    
    // 重写布局方法，每次视图尺寸变化时更新渐变层frame
    open override func layoutSubviews() {
        super.layoutSubviews()
        gradientLayer?.frame = self.bounds
    }
}

两种方案对比：

• 方案一实现简单，适合视图尺寸变化较少的场景；
• 方案二更稳定，能覆盖所有视图尺寸变化的情况（比如AutoLayout约束更新、屏幕旋转），是生产环境的首选。

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