为UILabel添加空格/填充

我有一个UILabel，我想在顶部和底部添加空格。在限制最小高度的情况下，我将其修改为:

为了做到这一点，我使用了:

override func drawTextInRect(rect: CGRect) {
    var insets: UIEdgeInsets = UIEdgeInsets(top: 0.0, left: 10.0, bottom: 0.0, right: 10.0)
    super.drawTextInRect(UIEdgeInsetsInsetRect(rect, insets))
}

但我必须找到不同的方法，因为如果我写了超过两行，问题是一样的:

当前回答

详细阐述Mundi的回答。

例如，在UIView中嵌入一个标签，并通过自动布局强制填充。例子:

概述:

创建一个UIView(面板)，并设置它的外观。创建一个UILabel并将其添加到面板中。添加约束以强制填充。将面板添加到视图层次结构中，然后定位面板。

细节:

创建面板视图。 let panel = UIView() 面板。backgroundColor = .green panel.layer.cornerRadius = 12 创建标签，将其作为子视图添加到面板。 let label = UILabel() panel.addSubview(标签) 在标签的边缘和面板之间添加约束。这迫使面板与标签保持一定距离。也就是说,“填充”。

编辑:手工完成所有这些是超级乏味、冗长和容易出错的。我建议你从GitHub中选择一个自动布局包装器或自己写一个

label.panel.translatesAutoresizingMaskIntoConstraints = false
label.topAnchor.constraint(equalTo: panel.topAnchor,
    constant: vPadding).isActive = true
label.bottomAnchor.constraint(equalTo: panel.bottomAnchor,
    constant: -vPadding).isActive = true
label.leadingAnchor.constraint(equalTo: panel.leadingAnchor,
    constant: hPadding).isActive = true
label.trailingAnchor.constraint(equalTo: panel.trailingAnchor,
    constant: -hPadding).isActive = true

label.textAlignment = .center

将面板添加到视图层次结构中，然后添加定位约束。例如，拥抱tableViewCell的右侧，如示例图像中所示。

注意:您只需要添加位置约束，而不是尺寸约束:Auto Layout将基于标签的intrinsicContentSize和前面添加的约束来解决布局问题。

hostView.addSubview(panel)
panel.translatesAutoresizingMaskIntoConstraints = false
panel.trailingAnchor.constraint(equalTo: hostView.trailingAnchor,
    constant: -16).isActive = true
panel.centerYAnchor.constraint(equalTo: hostView.centerYAnchor).isActive = true

2017-11-09 03:44:28

其他回答

如果你只寻找左右填充，你可以简单地在文本前后添加空白:

titleLabel.text = " \(categoryName) "

2020-02-15 14:12:40

我们最终找到了一个完整而正确的解决方案，它适用于所有情况，包括堆栈视图、动态单元格、动态行数、集合视图、动画填充、每个字符计数和所有其他情况。

填充一个UILabel，完整的解决方案。更新至2021年。

事实证明，有三件事是必须做的。

1. 必须调用textrect# forBounds与新的更小的大小

2. 必须重写drawText与新的更小的大小

3.如果是动态大小的单元格，必须调整intrinsicContentSize

在下面的典型示例中，文本单元位于表视图、堆栈视图或类似结构中，这给了它一个固定的宽度。在这个例子中，我们想要填充为60,20,20,24。

因此，我们使用“现有的”intrinsicContentSize并在高度上实际添加80。

重复一遍……

你必须从字面上“获得”引擎“到目前为止”计算的高度，并更改该值。

我觉得这个过程很混乱，但是，这就是它的工作原理。对我来说，苹果应该公开一个名为“初步高度计算”之类的调用。

其次，我们必须实际使用textrect# forBounds调用与我们的新小尺寸。

因此，在textrect# forBounds中，我们首先将大小减小，然后调用super。

警报!你必须在之后打电话给管理员，而不是在之前!

如果你仔细研究本页上的所有尝试和讨论，这就是问题所在。

注意一些解决方案“似乎通常有效”。这确实是确切的原因——令人困惑的是，你必须“事后打电话给超级”，而不是之前。

如果你“以错误的顺序”调用super，它通常会工作，但对于某些特定的文本长度会失败。

下面是一个“错误地先做超级”的直观例子:

注意，60,20,20,24边距是正确的，但大小计算实际上是错误的，因为它是用textrect# forBounds中的“super first”模式完成的。

修复:

只有现在textrect# forBounds引擎才知道如何正确地进行计算:

终于!

同样，在这个例子中，UILabel是在宽度固定的典型情况下使用的。因此，在intrinsicContentSize中，我们必须“添加”我们想要的整体额外高度。(你不需要以任何方式“添加”宽度，这将是没有意义的，因为它是固定的。)

然后在textrect# forBounds中，你通过自动布局得到了“建议到目前为止”的边界，你减去你的边距，然后才再次调用textrect# forBounds引擎，也就是说在super中，这将给你一个结果。

最后，在drawText中，你当然可以在同样小的方框中绘制。

唷!

let UIEI = UIEdgeInsets(top: 60, left: 20, bottom: 20, right: 24) // as desired

override var intrinsicContentSize:CGSize {
    numberOfLines = 0       // don't forget!
    var s = super.intrinsicContentSize
    s.height = s.height + UIEI.top + UIEI.bottom
    s.width = s.width + UIEI.left + UIEI.right
    return s
}

override func drawText(in rect:CGRect) {
    let r = rect.inset(by: UIEI)
    super.drawText(in: r)
}

override func textRect(forBounds bounds:CGRect,
                           limitedToNumberOfLines n:Int) -> CGRect {
    let b = bounds
    let tr = b.inset(by: UIEI)
    let ctr = super.textRect(forBounds: tr, limitedToNumberOfLines: 0)
    // that line of code MUST be LAST in this function, NOT first
    return ctr
}

再一次。请注意，关于这个问题和其他“几乎”正确的QA的答案会遇到上面第一张图中的问题——“super在错误的地方”。你必须在intrinsicContentSize中强制size更大，然后在textrect# forBounds中，你必须首先缩小第一个建议的边界，然后调用super。

总结:你必须在textrect# forBounds中“调用super last”

这就是秘诀。

请注意，您不需要也不应该需要额外调用invalidate、sizeThatFits、needsLayout或任何其他强制调用。正确的解决方案应该在正常的自动布局绘制周期中正常工作。

2019-11-15 12:22:13

Swift 3代码及其实现示例

class UIMarginLabel: UILabel {

    var topInset:       CGFloat = 0
    var rightInset:     CGFloat = 0
    var bottomInset:    CGFloat = 0
    var leftInset:      CGFloat = 0

    override func drawText(in rect: CGRect) {
        let insets: UIEdgeInsets = UIEdgeInsets(top: self.topInset, left: self.leftInset, bottom: self.bottomInset, right: self.rightInset)
        self.setNeedsLayout()
        return super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
    }
}

class LabelVC: UIViewController {

    //Outlets
    @IBOutlet weak var labelWithMargin: UIMarginLabel!

    override func viewDidLoad() {
        super.viewDidLoad()

        //Label settings.
        labelWithMargin.leftInset = 10
        view.layoutIfNeeded()
    }
}

不要忘记在故事板标签对象中添加类名UIMarginLabel。编码快乐!

2017-01-28 19:42:08

在Swift 3中

最好最简单的方法

class UILabelPadded: UILabel {
     override func drawText(in rect: CGRect) {
     let insets = UIEdgeInsets.init(top: 0, left: 5, bottom: 0, right: 5)
     super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
    }

}

2017-05-29 10:05:29