如何在 CGContext 中绘制字符串？

Question

我正在尝试在 CALayer 的覆盖 draw 方法中绘制一个字符串（我正在为 iOS 编程）。

override func draw(in ctx: CGContext) {
    let font = UIFont.systemFont(ofSize: 30)
    let string = NSAttributedString(string: "23", attributes: [NSAttributedStringKey.font: font])
    string.draw(at: CGPoint(x: 200, y: 200))
}

然而，这并没有绘制任何东西（至少没有任何东西是可见的）。更改填充和描边颜色没有任何区别。

如果我画一条线，它会显示出来，所以这个函数被调用了。我知道有一个CATextLayer，但我需要直接绘制字符串。在 Swift 4 时代，你应该如何在CGContext 中画一个字符串？再多的网络搜索都没有得到答案。

Answer 1

我假设您知道所有其他设置。这里的关键是您没有将 CGContext 设为当前的。只需添加两行代码即可解决问题。希望你能得到答案。

   override func draw(in ctx: CGContext) {
   UIGraphicsPushContext(ctx)
    let font = UIFont.systemFont(ofSize: 30)
    let string = NSAttributedString(string: "23", attributes: [NSAttributedString.Key.font: font])
    string.draw(at: CGPoint(x: 200, y: 200))
   UIGraphicsPopContext()
}

Answer 2

如果视图被聚焦，上述答案有效。

很遗憾，它不能在屏幕外位图或 CALayer 上下文中工作。

在任何 CGContext 中绘制字符串的正确且通用的方法是使用 CoreText api。它可以在所有 Apple 平台上运行，并且具有强大的功能。

https://developer.apple.com/documentation/coretext

例子：

import Foundation
import Quartz

/// LazyFoxLayer
///
/// Will draw the "The lazy fox…" string in the bottom right corner of the layer,
/// with a margin of 10 pixels.

class LazyFoxLayer: CALayer {

    func draw(ctx: CGContext) {
        ctx.saveGState()
    
        // Parameters

        let margin: CGFloat = 10
        let color = CGColor.black
        let fontSize: CGFloat = 32
        // You can use the Font Book app to find the name
        let fontName = "Chalkboard" as CFString 
        let font = CTFontCreateWithName(fontName, fontSize, nil)

        let attributes: [NSAttributedString.Key : Any] = [.font: font, .foregroundColor: color]

        // Text

        let string = "The lazy fox…"
        let attributedString = NSAttributedString(string: string, 
                                                  attributes: attributes)

        // Render

        let line = CTLineCreateWithAttributedString(attributedString)
        let stringRect = CTLineGetImageBounds(line, ctx)

        ctx.textPosition = CGPoint(x: bounds.maxX - stringRect.width - margin, 
                                   y: bounds.minY + margin)

        CTLineDraw(line, ctx)

        ctx.restoreGState()
    }
}

干杯:)