iOS开发：如何通过CATextLayer实现CAGradientLayer的文字镂空遮罩效果

我明白你现在的困境——想实现渐变铺满按钮、文字位置镂空显示底层背景的效果，却卡在了reversed=true的逻辑里。咱们来拆解问题，一步步修正：

问题根源 #

你当前在reversed分支里尝试用CISourceOutCompositing滤镜来合成图层，但对CALayer mask的工作逻辑理解有点偏差：mask图层的不透明区域会显示被遮罩的内容，透明区域则隐藏内容。你现在的做法并没有正确生成「按钮区域减去文字区域」的mask形状，导致效果不对。

正确解决方案 #

我们可以直接用CAShapeLayer的路径运算来创建需要的mask，不需要依赖Core Image滤镜，这样更高效也更可靠：

1. 创建按钮的基础圆角矩形路径
2. 将文字转换为CGPath
3. 用路径减法运算，得到「按钮区域挖去文字区域」的最终路径
4. 把这个路径作为mask，应用到按钮的layer上

修改后的代码 #

替换你原来reversed=true分支的代码为以下内容：

} else {
    // 1. 创建按钮的基础圆角矩形路径
    let buttonPath = UIBezierPath(roundedRect: bounds, cornerRadius: layer.cornerRadius).cgPath
    
    // 2. 将文字转换为CGPath
    let textAttributes: [NSAttributedString.Key: Any] = [.font: font]
    let textPath = CGPath(
        text: text,
        attributes: textAttributes,
        transform: CGAffineTransform(translationX: titleLabel.frame.origin.x, y: titleLabel.frame.origin.y)
    )
    
    // 3. 创建用于mask的shapeLayer，执行路径减法
    let maskLayer = CAShapeLayer()
    maskLayer.path = buttonPath
    // 添加文字路径，用subtract模式减去文字区域
    let textShapeLayer = CAShapeLayer()
    textShapeLayer.path = textPath
    maskLayer.addSublayer(textShapeLayer)
    maskLayer.path = maskLayer.path?.copy(byStrokingPath: nil, transform: nil, lineWidth: 0, lineCap: .butt, lineJoin: .miter, miterLimit: 0, using: .subtract)
    
    // 4. 设置mask
    layer.mask = maskLayer
    layerFrame = bounds
}

额外说明 #

• 不需要再设置textLayer的foregroundColor或者添加到其他图层，我们直接用文字的路径来做运算
• 路径运算using: .subtract会自动把文字区域从按钮路径中移除，得到我们需要的镂空形状
• 这种方式比使用Core Image滤镜更稳定，不会因为滤镜兼容性问题导致失效

修改后运行你的Playground，就能看到渐变铺满整个按钮，文字位置镂空显示底层的黄色背景了。

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