text - 如何在 SwiftUI 中制作文本笔划？

Question

我正在尝试在 SwiftUI 中进行文本描边或在我的文本上添加边框，而不是字母 Text()元素。

是否可以？

我想用边框制作这种效果:

Answer 1

这是一个 100% SwiftUI 解决方案。不完美，但它可以工作，并且可以让您对结果 View 进行完全的 SwiftUI 控制。

import SwiftUI

struct SomeView: View {
    var body: some View {
        StrokeText(text: "Sample Text", width: 0.5, color: .red)
            .foregroundColor(.black)
            .font(.system(size: 12, weight: .bold))

    }
}

struct StrokeText: View {
    let text: String
    let width: CGFloat
    let color: Color

    var body: some View {
        ZStack{
            ZStack{
                Text(text).offset(x:  width, y:  width)
                Text(text).offset(x: -width, y: -width)
                Text(text).offset(x: -width, y:  width)
                Text(text).offset(x:  width, y: -width)
            }
            .foregroundColor(color)
            Text(text)
        }
    }
}

我建议使用粗体。它适用于合理大小的字体和笔画宽度。对于较大的尺寸，您可能需要在更多角度添加文本偏移以覆盖该区域。