iOS开发：如何为UILabel添加仅外部描边及指定样式外部描边？

Hey there! Let's work through these two UILabel outline requirements for your iOS project — I’ve implemented these exact scenarios multiple times, so here’s a straightforward breakdown:

需求一：仅添加外部描边（空心文字） #

这种效果是文字本身无填充色，只保留外围的描边轮廓。我们可以通过NSAttributedString的描边属性轻松实现：

Swift代码示例 #

// 1. 创建需要展示的文本
let displayText = "仅外部描边效果"
let attributedString = NSMutableAttributedString(string: displayText)

// 2. 设置描边参数
let strokeColor = UIColor.black // 描边颜色
let strokeWidth: CGFloat = 2.0 // 描边宽度（正数表示向外扩展）

// 3. 给文本添加描边属性
attributedString.addAttribute(
    NSAttributedString.Key.strokeColor,
    value: strokeColor,
    range: NSRange(location: 0, length: attributedString.length)
)
attributedString.addAttribute(
    NSAttributedString.Key.strokeWidth,
    value: strokeWidth,
    range: NSRange(location: 0, length: attributedString.length)
)
// 4. 清除文字填充色，只保留描边
attributedString.addAttribute(
    NSAttributedString.Key.foregroundColor,
    value: UIColor.clear,
    range: NSRange(location: 0, length: attributedString.length)
)

// 5. 把处理好的文本赋值给UILabel
yourLabel.attributedText = attributedString

关键说明 #

• strokeWidth设为正数时，描边会向文字外部扩展；设为负数则是向内部收缩。
• 将foregroundColor设为clear是实现“仅描边”的核心，这样文字本身的填充就会被完全隐藏。

需求二：带样式的外部描边（以「填充+外部粗描边」为例） #

如果是要实现文字有填充色，同时外围带有明显描边的样式（这是最常见的自定义描边需求），只需要调整属性组合即可：

Swift代码示例 #

// 1. 创建需要展示的文本
let displayText = "带填充的外部描边"
let attributedString = NSMutableAttributedString(string: displayText)

// 2. 设置样式参数
let textColor = UIColor.white // 文字填充色
let strokeColor = UIColor.black // 描边颜色
let strokeWidth: CGFloat = 2.5 // 描边宽度

// 3. 给文本添加组合属性
attributedString.addAttribute(
    NSAttributedString.Key.foregroundColor,
    value: textColor,
    range: NSRange(location: 0, length: attributedString.length)
)
attributedString.addAttribute(
    NSAttributedString.Key.strokeColor,
    value: strokeColor,
    range: NSRange(location: 0, length: attributedString.length)
)
attributedString.addAttribute(
    NSAttributedString.Key.strokeWidth,
    value: strokeWidth,
    range: NSRange(location: 0, length: attributedString.length)
)

// 4. 把处理好的文本赋值给UILabel
yourLabel.attributedText = attributedString

扩展说明 #

如果你的目标样式更复杂（比如双重描边、渐变描边），可以通过叠加多个NSAttributedString或者结合CoreText自定义绘制来实现。比如要做渐变描边，需要先绘制渐变文字，再叠加描边，或者用CAShapeLayer作为Label的子层来实现。

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