如何为UIView添加CAGradientLayer实现左右两侧透明渐变遮罩

我有一个PopupView控件，内部包含实现类跑马灯效果的可滚动标签，标签在UIView类型的labelView容器内滚动。我尝试通过如下代码为labelView的左右两侧添加边缘透明渐变效果：

let gradientLayer = CAGradientLayer()
    
    gradientLayer.startPoint = CGPoint(x: 0, y: 0)
    gradientLayer.endPoint = CGPoint(x: 0.5, y: 0)
    gradientLayer.colors = [UIColor.clear.cgColor, UIColor.white.cgColor, UIColor.white.cgColor]
    gradientLayer.locations = [0, 0.2, 1]
    
    gradientLayer.frame = labelView.bounds
    labelView.layer.mask = gradientLayer

实际运行后仅labelView的左侧显示了渐变效果，右侧无任何变化，效果如下：

需要调整代码实现labelView左右两侧都应用透明渐变效果。

当前渐变配置只定义了从左边缘到20%宽度位置的「透明→不透明」过渡，剩余80%区域全为不透明状态，自然不会在右侧出现渐变淡出效果。另外如果labelView依赖AutoLayout布局，初始化阶段直接用labelView.bounds赋值渐变层frame，会因为视图尚未完成布局导致尺寸不准确，后续视图尺寸更新时渐变层也不会自动同步大小。

1. 调整渐变配置：将渐变终点设为视图最右侧，补全右侧「不透明→透明」的颜色过渡，同时保留中间区域完全不透明，避免影响跑马灯内容显示。
2. 同步渐变层尺寸：在布局回调方法中更新渐变层frame，保证遮罩尺寸始终和labelView匹配。

修正后的代码参考：

// 渐变初始化配置（可放在视图初始化、awakeFromNib等方法中）
let gradientLayer = CAGradientLayer()
// 配置水平渐变方向，y轴取中点即可
gradientLayer.startPoint = CGPoint(x: 0, y: 0.5)
gradientLayer.endPoint = CGPoint(x: 1, y: 0.5)
// 颜色分段：左边缘透明→左侧渐变结束完全不透明→中间区域保持不透明→右侧渐变开始保持不透明→右边缘透明
gradientLayer.colors = [
    UIColor.clear.cgColor,
    UIColor.white.cgColor,
    UIColor.white.cgColor,
    UIColor.white.cgColor,
    UIColor.clear.cgColor
]
// 位置对应：0位置透明，20%宽度位置完全不透明，80%宽度位置仍保持不透明，100%宽度位置透明
gradientLayer.locations = [0, 0.2, 0.2, 0.8, 1]
labelView.layer.mask = gradientLayer

// 如果是自定义UIView子类，重写layoutSubviews同步尺寸
override func layoutSubviews() {
    super.layoutSubviews()
    gradientLayer.frame = labelView.bounds
}

// 如果是在UIViewController中实现，在viewDidLayoutSubviews中同步尺寸即可
override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    gradientLayer.frame = labelView.bounds
}

如果需要调整左右边缘渐变区域的宽度，直接修改locations中的0.2、0.8数值即可，数值越靠近0/1，渐变区域越窄。

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