6

查看文档NSLayoutManager,特别是drawUnderlineForGlyphRange:underlineType:baselineOffset:lineFragmentRect:lineFragmentGlyphRange:containerOrigin:方法,我注意到以下内容(强调我的):

underlineVal
绘制下划线的样式。该值是从值派生的掩码,NSUnderlineStyleAttributeName例如 ( NSUnderlinePatternDash| NSUnderlineStyleThick)。子类可以定义自定义的下划线样式

我的问题是:这到底是怎么做的?

NSUnderlineStyle是一个枚举,你不能扩展或覆盖它。您当然可以Int为属性提供随机原始值,枚举案例未涵盖:

self.addAttribute(NSUnderlineStyleAttributeName, value: 100022, range: lastUpdatedWordRange)

underlineType这将为布局管理器提供“无效”但可用:

调试器截图

但这几乎让人感觉不安全,而且绝对不雅。

我无法在网上找到任何示例,也无法在 Apple 文档中找到有关这些神话般的自定义下划线样式类型的进一步线索。我很想知道我是否遗漏了一些明显的东西。

4

1 回答 1

4

我在这里有一个示例项目,用于在 TextKit 上进行一次演讲,不久前我给出的正是您正在寻找的内容:https ://github.com/dtweston/text-kit-example

在这种情况下,下划线是一条波浪线:

下划线截图

解决方案的核心是自定义 NSLayoutManager:

let CustomUnderlineStyle = 0x11

class UnderlineLayoutManager: NSLayoutManager {
    
    func drawFancyUnderlineForRect(_ rect: CGRect) {
        let left = rect.minX
        let bottom = rect.maxY
        let width = rect.width
        
        let path = UIBezierPath()
        path.move(to: CGPoint(x: left, y: bottom))
        var x = left
        var y = bottom
        var i = 0
        while (x <= left + width) {
            path.addLine(to: CGPoint(x: x, y: y))
            x += 2
            if i % 2 == 0 {
                y = bottom + 2.0
            }
            else {
                y = bottom
            }
            i += 1;
        }
        
        path.stroke()
    }
    
    override func drawUnderline(forGlyphRange glyphRange: NSRange, underlineType underlineVal: NSUnderlineStyle, baselineOffset: CGFloat, lineFragmentRect lineRect: CGRect, lineFragmentGlyphRange lineGlyphRange: NSRange, containerOrigin: CGPoint) {
        
        if underlineVal.rawValue & CustomUnderlineStyle == CustomUnderlineStyle {
            
            let charRange = characterRange(forGlyphRange: glyphRange, actualGlyphRange: nil)
            if let underlineColor = textStorage?.attribute(NSUnderlineColorAttributeName, at: charRange.location, effectiveRange: nil) as? UIColor {
                underlineColor.setStroke()
            }
            
            if let container = textContainer(forGlyphAt: glyphRange.location, effectiveRange: nil) {
                let boundingRect = self.boundingRect(forGlyphRange: glyphRange, in: container)
                let offsetRect = boundingRect.offsetBy(dx: containerOrigin.x, dy: containerOrigin.y)
                
                drawFancyUnderlineForRect(offsetRect)
            }
        }
        else {
            super.drawUnderline(forGlyphRange: glyphRange, underlineType: underlineVal, baselineOffset: baselineOffset, lineFragmentRect: lineRect, lineFragmentGlyphRange: lineGlyphRange, containerOrigin: containerOrigin)
        }
    }
}
于 2017-01-15T08:12:26.897 回答