下划线涵盖文字NSAttributedString

Question

我试图创建一个属性串，但下划线涵盖了我的文字，而不是显示它背后的：

是有办法解决这一问题？我正在使用以下代码：

let paragraphStyle = NSMutableParagraphStyle() 
paragraphStyle.lineSpacing = 10.0 

let attributes = [NSForegroundColorAttributeName: UIColor.white, 
        NSUnderlineStyleAttributeName: NSUnderlineStyle.styleThick.rawValue, 
        NSUnderlineColorAttributeName: UIColor.red, 
        NSParagraphStyleAttributeName: paragraphStyle] 

let attributedString = NSAttributedString(string: "Story", attributes: attributes) 

谢谢！

编辑：

为了让更多的上下文：

我上显示一个UILabel的属性串放在一个文件的.xib：

view.textLabel.attributedText = attributedString 

标签有以下字体： 系统粗体32.0

我在iPhone 6 - iOS 10.3模拟器上运行代码。

编辑2：

我应该提到的是，标签可能在某些时候，包含文本的多行。这就是为什么numberOfLines设置为0.

编辑3： 如果有人遇到这个问题 - 好像在iOS 9和10以及UILabel和UITextView上绘制下划线有很大的区别。我最终不得不通过继承NSLayoutManager来自己绘制下划线。

Answer 1

是的，存在如您所描述的问题。当你使用多行UILabel时，它显示出来，因此不仅将numberOfLines设置为0，而且在其中键入多于1行。

例

let selectedStringAttributes: [String: Any] 
    = [NSFontAttributeName: UIFont.boldSystemFont(ofSize: 28), 
     NSForegroundColorAttributeName: UIColor.green, 
     NSUnderlineStyleAttributeName: NSUnderlineStyle.styleSingle.rawValue, 
     NSUnderlineColorAttributeName: UIColor.green] 

let label = UILabel(frame: CGRect(x: 100, y: 100, width: 500, height: 100)) 
label.numberOfLines = 0 

label.attributedText = NSAttributedString(string: "String to test underline", attributes: selectedStringAttributes) 

一切都会看起来不错。

但是，如果你想用这样的文字：

label.attributedText = NSAttributedString(string: "String to\ntest underline", attributes: selectedStringAttributes) 

或标签的宽度过短，比：

Not so good

所以对这种行为的原因当然是bug的NSAttributedString 。由于它在雷达提到有一个解决方法

您应该将此属性添加到您的NSAttributedString

和魔术会发生。

Answer 2

在我的机器，显示一个黑色背景执行的UILabel你的属性串，它使一个相当不错的水准的展示：

红色粗底线是很好的从文本分离，是中断以允许“y”的下行通过它。

注意您不能将UILabel的font（在Interface Builder中设置）与其attributedText合并。您必须在attributedText中设置整个标签的文本格式。所以，我的代码如下所示：

let attributes : [String:Any] = [NSForegroundColorAttributeName: UIColor.white, 
         NSUnderlineStyleAttributeName: NSUnderlineStyle.styleThick.rawValue, 
         NSUnderlineColorAttributeName: UIColor.red, 
         NSFontAttributeName: UIFont.boldSystemFont(ofSize: 32)] 
    let attributedString = NSAttributedString(string: "Story", attributes: attributes) 
    lab.backgroundColor = .black 
    lab.attributedText = attributedString 

（你会发现，我删除了你的段落行间距的规定，有的只是一条线，所以这一规定增加了什么不过，我得到了相同的结果甚至。如果我恢复它。）

Answer 3

而不是使用NSAttributedString，您可以使用此X空间在标签下面绘制边界。

let space:CGFloat = 10 

let border = CALayer() 
border.backgroundColor = UIColor.red.cgColor 
border.frame = CGRect(x: 0, y: (label?.frame.size.height)! + space, width: (label?.frame.size.width)!, height: 1) 
label?.layer.addSublayer(border) 

Answer 4

所以这是我对这个问题的解决方案。 我认为这是“更清洁”，更容易。 如果您不明白，请通知我:)

class BottomLineTextField: UITextField { 

    var bottomBorder = UIView() 

    override func awakeFromNib() { 
     super.awakeFromNib() 
     setBottomBorder() 
    } 

    func setBottomBorder() {    
     self.translatesAutoresizingMaskIntoConstraints = false 

     bottomBorder = UIView.init(frame: CGRect(x: 0, y: 0, width: 0, height: 0)) 
     hasError = false 
     bottomBorder.translatesAutoresizingMaskIntoConstraints = false 

     addSubview(bottomBorder) 

     bottomBorder.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true 
     bottomBorder.leftAnchor.constraint(equalTo: leftAnchor).isActive = true 
     bottomBorder.rightAnchor.constraint(equalTo: rightAnchor).isActive = true 
     bottomBorder.heightAnchor.constraint(equalToConstant: 1).isActive = true // Set underline height 
    } 
}