2017-11-11 206 views
1

在这里,我试图在文本周围添加一些填充(左,右,上和下)的标签。 这一问题已经在SOF和阅读他们几个后相关的帖子,我试图用一个解决方案提出hereUILabel上的文本填充

这是我的子类的UILabel代码:

import UIKit 

class LuxLabel: UILabel { 
    //let padding: UIEdgeInsets 
    var padding: UIEdgeInsets = UIEdgeInsets.zero { 
     didSet { 
      self.invalidateIntrinsicContentSize() 
     } 
    }  

    // Create a new PaddingLabel instance programamtically with the desired insets 
    required init(padding: UIEdgeInsets = UIEdgeInsets(top: 0, left: 10, bottom: 0, right: 10)) { 
     self.padding = padding 
     super.init(frame: CGRect.zero) 
    } 

    // Create a new PaddingLabel instance programamtically with default insets 
    override init(frame: CGRect) { 
     padding = UIEdgeInsets.zero // set desired insets value according to your needs 
     super.init(frame: frame) 
    } 

    // Create a new PaddingLabel instance from Storyboard with default insets 
    required init?(coder aDecoder: NSCoder) { 
     padding = UIEdgeInsets.zero // set desired insets value according to your needs 
     super.init(coder: aDecoder) 
    } 

    override func drawText(in rect: CGRect) { 
     super.drawText(in: UIEdgeInsetsInsetRect(rect, padding)) 
    } 

    // Override `intrinsicContentSize` property for Auto layout code 
    override var intrinsicContentSize: CGSize { 
     let superContentSize = super.intrinsicContentSize 
     let width = superContentSize.width + padding.left + padding.right 
     let heigth = superContentSize.height + padding.top + padding.bottom 
     return CGSize(width: width, height: heigth) 
    } 
} 

它是基于PaddingLabel(参考上面的链接)。

它主要运行良好,但由于某些原因,我不明白,有些情况下出现问题并且显示被截断。

这是一个例子:

的字符串把标签是:“它有一个方形和蓝色”

创建标签的代码是:

let label = LuxLabel(padding: UIEdgeInsets(top: 5, left: 10, bottom: 5, right: 10)) 
label.numberOfLines = 0 

,这是结果:

enter image description here

如果我此行添加到以上两个:

label.lineBreakMode = .byWordWrapping

结果是:

enter image description here

我还设置了一些限制。所有这些工作都有95%的时间。任何人都可以看到有什么问题?

+0

你有没有设置'numberOfLines = 0'和'lineBreakMode = .byWordWrapping '? – Priya

+0

我已经设置numberOfLines = 0,但不lineBreakMode = .byWordWrapping。 我实际上有多个案例,多条线完美的工作。 它并没有解决问题,如果我设置lineBreakMode = .byWordWrapping,我编辑我的帖子添加细节,请看看。 – Michel

+0

您是否为标签设置了静态高度约束? – Priya

回答

1

尝试调用invalidateIntrinsicContentSize:

var padding: UIEdgeInsets = UIEdgeInsets.zero { 
    didSet { 
     self.invalidateIntrinsicContentSize() 
    } 
} 

编辑:

我尝试了多种不同的选择。如果更新frame sizelayoutSubviews使绝招intrinsicContentSize,但我不知道是否有更好的方式来做到这一点:

override func layoutSubviews() { 
    super.layoutSubviews() 
    self.frame.size = self.intrinsicContentSize 
} 
+0

我试过了,按照你的建议,用“var padding”代替“let padding”,但不幸的是它没有任何区别。 – Michel

+0

@Michel明天我会试着重现它,如果我找到一些我会让你知道的。 –

+0

我在GitHub(https://github.com/zaxonus/TextPad)上发布了一个项目来展示这个问题。 – Michel