设置UILabel的行间距

103

如何修改多行 UILabel 的行间距(行距)?

10个回答

126

编辑:显然在 iOS 6 及以上版本中,NSAttributedString 可以实现这一点。不要使用 NSString 来设置标签的文本,而是创建一个 NSAttributedString,在上面设置属性,然后将其作为标签的 .attributedText 设置。你想要的代码应该像这样:

NSMutableAttributedString* attrString = [[NSMutableAttributedString  alloc] initWithString:@"Sample text"];
NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc] init];
[style setLineSpacing:24];
[attrString addAttribute:NSParagraphStyleAttributeName
    value:style
    range:NSMakeRange(0, strLength)];
uiLabel.attributedText = attrString;

NSAttributedString的旧属性字符串attributedStringWithString可以实现同样的功能,但是现在已被弃用。

简短回答:你无法更改文本行之间的间距。要想实现这个功能,你需要创建一个子类UILabel,并重写drawTextInRect方法,创建多个标签,或使用不同的字体(也许是为特定行高编辑过的字体,详见Phillipe的回答)。

长篇回答:在印刷和在线世界中,文本行之间的空格称为"行间距"(与'heading'押韵,并来自几十年前使用的铅金属)。行间距是UIFont的只读属性,在4.0版本中被弃用,由lineHeight替代。据我所知,没有办法创建具有特定参数(如lineHeight)的字体; 你可以获得系统字体和任何添加的自定义字体,但安装后不能调整它们。

UILabel中也没有行间距参数。

对于UILabel的行为,笔者不是特别满意,因此建议编写自己的子类或使用第三方库。这将使行为独立于字体选择,并成为最可重用的解决方案。

我希望UILabel能够提供更多的灵活性,如果有人可以证明我是错误的,那将使我非常高兴!


1
我已经通过子类化UILabel完成了这个功能,基本思路是将标签文本分解为各个标记,然后确定每个标记的长度,为每个标记创建一个单独的标签,并将它们依次追加在一起。就是这样。 - Matrix
3
谎言! ;) 你可以修补字体文件以更改行高-请参见我在此页面上的答案。 - Philippe
我相信有一种方法可以使用NSAttributedString来实现这个功能。如果你需要在iOS 6之前使用带属性字符串的标签,请查看OHAttributedLabel。 - Spencer Williams
如果您使用iOS >= 6,请使用NSAttributesString进行操作。示例 - d.ennis
这很简单且运行良好。 - R. Mohan

75

从 iOS 6 开始,您可以在 UILabel 中设置一个带属性的字符串:

NSString *labelText = @"some text"; 
NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:labelText];
NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
[paragraphStyle setLineSpacing:40];
[attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, [labelText length])];
cell.label.attributedText = attributedString ;

1
谢谢!我想补充一下,使用 AttributedString 会禁用标签的文本对齐功能,因此您需要将其添加到段落样式中。 - cyborg86pl

56

10
然而,在Xcode 6.1.1中,选择标签并在属性面板中更改行值会导致面板闪烁并锁定应用程序。我只能通过强制退出Xcode来退出面板。 - izk
4
动画大拇指向上。 - Tieme
1
在版本7.1中,面板会闪烁,但不会对运行时间产生任何影响。必须在代码中进行处理。 - MiguelSlv
刚刚有440瓦特的电流通过了我的面板 ;) - Sarasranglt

24

从接口构建器:

enter image description here

通过编程:

Swift 4

使用标签扩展

extension UILabel {

    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 to\ncontrol\nthe\nline spacing\nin UILabel"

// 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 = "Set\nUILabel\nline\nspacing"
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

Swift 3

let label = UILabel()
let stringValue = "Set\nUILabel\nline\nspacing"
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
attrString.addAttribute(NSParagraphStyleAttributeName, value: style, range: NSRange(location: 0, length: stringValue.characters.count))
label.attributedText = attrString

需要传递一个参数lineSpacing或多个参数multipleLineheight,不能同时传递两个参数,否则将没有结果。 - Arpit B Parekh

16

超赞!那些 OS X 字体工具也适用于我的 OTF 字体(尽管它只指定了 TTF...)。我的字体行高是 1000(!),我将其更改为 0,然后就出现了很多很多的空白空间,在每一行下面呢。 - Jonny
2
我简直不敢相信这是最好的解决方案(无意冒犯!),但它绝对是最简单的。我使用了免费的(Windows)软件Type Light(在字体 | 指标 | 高级下,您可以修改lineGap)来编辑我的字体。它还允许您“重命名”字体,这是我无法使用Philippe提到的工具完成的。 - Kirk Woll
还可以查看我对类似问题的回答,以获得更多细节:https://dev59.com/TG035IYBdhLWcg3wcvqS#19553827 - phatmann
@iamjustaprogrammer 它又上线了。 - mbauman
链接又失效了。 - viral

8

7

4

2
这是一些用于以编程方式设置行间距的 Swift 代码。
let label = UILabel()

let attributedText = NSMutableAttributedString(string: "Your string")
let paragraphStyle = NSMutableParagraphStyle()

//SET THIS:
paragraphStyle.lineSpacing = 4
//OR SET THIS:
paragraphStyle.lineHeightMultiple = 4

//Or set both :)

let range = NSMakeRange(0, attributedText.length)
attributedText.addAttributes([NSParagraphStyleAttributeName : paragraphStyle], range: range)
label.attributedText = attributedText

0
当然,如果您以编程方式传递字符串,则Mike的答案无效。在这种情况下,您需要传递一个带属性的字符串并更改其样式。
NSMutableAttributedString * attrString = [[NSMutableAttributedString alloc] initWithString:@"Your \nregular \nstring"];
NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc] init];
[style setLineSpacing:4];
[attrString addAttribute:NSParagraphStyleAttributeName
                   value:style
                   range:NSMakeRange(0, attrString.length)];
_label.attributedText = attrString;

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接