【问题标题】:How to implement UILabel line spacing using xib?如何使用xib实现UILabel行距?
【发布时间】:2014-07-18 08:20:59
【问题描述】:

我想在 iOS 中通过 xibUILabel 的文本与行间距垂直对齐,例如:

 hello,
 how are
 you?

请帮帮我。

【问题讨论】:

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


【解决方案1】:

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

【讨论】:

  • 在设置文本时,您必须执行 myLabel.attributedText = @"My texts...."。这不起作用-->myLabel.text = @"...."
【解决方案2】:

创建这个简单的 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 属性值。

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

注意:
不要将属性名称设为“lineSpacing”。 UILabel 确实有未记录的 lineSpacing 属性,并且覆盖它会破坏某些东西。

【讨论】:

  • “注意:不要将属性名称命名为“lineSpacing”。UILabel 确实有未记录的 lineSpacing 属性,并且覆盖会破坏某些内容。” @rintaro 这真的很有帮助
  • 一个月无法正常工作。取消了此功能的优先级,使字符间距、下划线等工作正常。最后,在我们 UAT 的前夕,我想我会对此再进行一次破解,并遇到了那个简单的“注释”,它解决了它:|这是多么不明显的痛苦啊。谢谢@rintaro
【解决方案3】:

*来自界面生成器:**

以编程方式:

斯威夫特 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

【讨论】:

    【解决方案4】:

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

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

    【讨论】:

    • 如何增加“hello”和“This is”之间的行距?
    • @user 只需在 TextEdit 中的文本中添加空格并将其粘贴到此处即可。您不能直接在 Xib 中编辑文本。因此,在文本编辑器中准确输入您想要的内容,然后粘贴到 Xib 的文本部分。
    猜你喜欢
    • 1970-01-01
    • 2015-08-03
    • 2011-07-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-30
    • 2011-04-22
    • 1970-01-01
    相关资源
    最近更新 更多