Swift中CAGradientLayer实现从黑色到完全透明渐变的问题

嘿，这个坑我之前踩过！你遇到的问题其实是Core Animation颜色插值的特性导致的——当你用带alpha的非黑色（比如白、红）的透明版作为渐变终点时，虽然alpha值是0，但它的RGB通道数值依然存在（比如白色透明是rgba(255,255,255,0)），渐变计算时会把黑色的RGB值和这个透明色的RGB值做插值混合，最后就会残留淡淡的对应色调。

要实现纯黑到完全透明、不残留任何色调的渐变，关键是让渐变终点的RGB值和起点保持一致，只改变alpha值，也就是用透明的黑色作为终点色。

正确的实现代码示例 #

// 创建渐变层
let gradientLayer = CAGradientLayer()
gradientLayer.frame = targetView.bounds

// 核心：起点纯黑，终点透明黑（RGB始终为0，仅alpha从1降到0）
gradientLayer.colors = [
    UIColor.black.cgColor,
    UIColor.black.withAlphaComponent(0).cgColor
]

// 可选：设置渐变方向（比如从上到下，根据你的需求调整）
gradientLayer.startPoint = CGPoint(x: 0.5, y: 0)
gradientLayer.endPoint = CGPoint(x: 0.5, y: 1)

// 添加到目标视图的layer上
targetView.layer.addSublayer(gradientLayer)

为什么之前的方式不行？ #

举个例子，如果你用UIColor.white.withAlphaComponent(0).cgColor作为终点，它的本质是rgba(255,255,255,0)。渐变过程中，颜色会从rgba(0,0,0,1)逐步过渡到rgba(255,255,255,0)，中间的每一步RGB值都在升高，即使alpha在降低，视觉上就会呈现出“黑→浅灰→透明”的效果，残留淡淡的灰色调。而透明黑色的RGB值全程都是0，只有alpha变化，渐变就是纯粹的“黑→完全透明”，完美透出下方视图。

另外，你也可以直接用UIColor.clear.cgColor作为终点，因为UIColor.clear本身就是rgba(0,0,0,0)，和透明黑色是完全等价的，效果一样。

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