如何使用xib实现UILabel行间距?

时间:2014-07-18 08:20:59

标签: ios objective-c iphone uilabel line-spacing

我希望在iOS中通过 xib 垂直对齐UILabel的文本与行间距,例如:

 hello,
 how are
 you?

请帮帮我。

4 个答案:

答案 0 :(得分:10)

是的,可以通过xib调整行间距。单击xib上的UIlabel,然后将“text”属性类型更改为“Attributed”,然后浏览以下图像。然后输入换行(按ctrl-return快捷键)并将光标保持在两行之间,然后调整所需的'line'属性和'Max Height'属性。我的UILael文本是“你好,你好吗?”

enter image description here

答案 1 :(得分:6)

创建这个简单的UILabel子类:

@interface CustomLabel : UILabel
@property (assign, nonatomic) CGFloat myLineSpacing;
@end


@implementation CustomLabel

- (void)setMyLineSpacing:(CGFloat)myLineSpacing {
    _myLineSpacing = myLineSpacing;
    self.text = self.text;
}

- (void)setText:(NSString *)text {
    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
    paragraphStyle.lineSpacing = _myLineSpacing;
    paragraphStyle.alignment = self.textAlignment;
    NSDictionary *attributes = @{NSParagraphStyleAttributeName: paragraphStyle};
    NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:text
                                                                         attributes:attributes];
    self.attributedText = attributedText;
}

使用IB设置myLineSpacing属性值。

screenshot

仍然无法在IB中预览,但行间距值在 xib !中 您可以在代码中设置label.text,而无需关心行间距。

注意:
请勿输入属性名称" lineSpacing"。 UILabel确实有未记录的lineSpacing属性,并且覆盖会破坏某些东西。

答案 2 :(得分:3)

*来自Interface Builder:**

enter image description here

<强>编程:

SWift 4

使用标签扩展

extension UILabel {

    // Pass value for any one of both parameters and see result
    func setLineSpacing(lineSpacing: CGFloat = 0.0, lineHeightMultiple: CGFloat = 0.0) {

        guard let labelText = self.text else { return }

        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.lineSpacing = lineSpacing
        paragraphStyle.lineHeightMultiple = lineHeightMultiple

        let attributedString:NSMutableAttributedString
        if let labelattributedText = self.attributedText {
            attributedString = NSMutableAttributedString(attributedString: labelattributedText)
        } else {
            attributedString = NSMutableAttributedString(string: labelText)
        }

        // Line spacing attribute
        attributedString.addAttribute(NSAttributedStringKey.paragraphStyle, value:paragraphStyle, range:NSMakeRange(0, attributedString.length))

        self.attributedText = attributedString
    }
}

现在调用扩展功能

let label = UILabel()
let stringValue = "How\nto\nimplement\nUILabel\nline\nspacing\nusing\nxib?"

// Pass value for any one argument - lineSpacing or lineHeightMultiple
label.setLineSpacing(lineSpacing: 2.0) .  // try values 1.0 to 5.0

// or try lineHeightMultiple
//label.setLineSpacing(lineHeightMultiple = 2.0) // try values 0.5 to 2.0

或使用标签实例(只需复制并执行此代码即可查看结果)

let label = UILabel()
let stringValue = "How\nto\nimplement\nUILabel\nline\nspacing\nusing\nxib?"
let attrString = NSMutableAttributedString(string: stringValue)
var style = NSMutableParagraphStyle()
style.lineSpacing = 24 // change line spacing between paragraph like 36 or 48
style.minimumLineHeight = 20 // change line spacing between each line like 30 or 40

// Line spacing attribute
attrString.addAttribute(NSAttributedStringKey.paragraphStyle, value: style, range: NSRange(location: 0, length: stringValue.characters.count))

// Character spacing attribute
attrString.addAttribute(NSAttributedStringKey.kern, value: 2, range: NSMakeRange(0, attrString.length))

label.attributedText = attrString

答案 3 :(得分:-7)

在TextEdit等任何文本编辑器中以完全相同的方式键入它,然后在xib中粘贴标签的文本部分。

但请确保标签的高度更适合内容,并增加行数。对于这种情况,它可以是3或更多。

enter image description here