如何在 Swift 的 draw(_rect: CGRect) 中绘制具有不同混合模式的 UILabel

Question

所以我有一个UILabel，它被绘制在渐变图像之上（即UIImageView）。它看起来有点像这样：

我正在尝试在UILabel 的draw(_ rect: CGRect) 函数中更改图形上下文的blendMode，以便它绘制标签但使用softLight 混合模式与背景混合。

这是我想要的样子：

这是我在draw(_ rect: CGRect) 函数中的代码：

override func draw(_ rect: CGRect) {
    // Drawing code
     if let context = UIGraphicsGetCurrentContext() {
        context.setBlendMode(.softLight)
        self.textColor.set()
        self.drawText(in: rect)
   }
 }

此代码仅呈现顶部图片，而不是混合版本。这不是我尝试过的全部，我尝试了很多其他的东西，但我就是不明白 CGContext 的特别是 draw 函数。

关于 SO 的大多数答案要么在旧的 Objective-c 中，要么被弃用/损坏，要么快速且过于复杂（例如使用 Metal）。我只想在我拥有的上下文中绘制文本并将上下文的混合模式设置为柔光。必须有一个简单的方法！

任何有关如何解决此问题的帮助将不胜感激。谢谢！

Answer 1

您不能以这种方式混合视图；它们具有独立解析的单独层层次结构。移动CALayer 对象上的渐变和文本并混合它们（或在同一视图中手动绘制它们）。例如：

class MyView: UIView {
    let gradientLayer: CAGradientLayer = {
        let gradientLayer = CAGradientLayer()
        gradientLayer.colors = [UIColor.red.cgColor,
                                UIColor.blue.cgColor]
        gradientLayer.startPoint = CGPoint(x: 0, y: 0)
        gradientLayer.endPoint = CGPoint(x: 1, y: 1)
        return gradientLayer
    }()

    let textLayer: CATextLayer = {
        let textLayer = CATextLayer()
        let astring = NSAttributedString(string: "Text Example",
                                         attributes: [.font: UIFont(name: "MarkerFelt-Wide", size: 60)!])
        textLayer.string = astring
        textLayer.alignmentMode = kCAAlignmentCenter
        textLayer.bounds = astring.boundingRect(with: CGSize(width: .max, height: .max),
                                                options: [.usesLineFragmentOrigin, .usesFontLeading], context: nil)
        return textLayer
    }()

    override func draw(_ rect: CGRect) {
        if let context = UIGraphicsGetCurrentContext() {
            gradientLayer.bounds = bounds
            gradientLayer.render(in: context)

            context.saveGState()
            context.setBlendMode(.softLight)

            context.translateBy(x: center.x - textLayer.bounds.width / 2,
                                y: center.y - textLayer.bounds.height / 2)

            textLayer.position = center
            textLayer.render(in: context)
            context.restoreGState()
        }
    }
}

Answer 2

因此，如果您的文本确实是一个标签，您可以尝试像普通标签一样更改不透明度。我假设您熟悉将 alpha 设置为标签。请在下面找到一个为标签设置 alpha 的示例：

label.textColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.25)

请给我一个提示，如果它不是标签 - 那么它应该更复杂。