ChatGPT解决这个技术问题 Extra ChatGPT

UILabel中如何控制行距

当在 UILabel 中放入多行时,是否可以减少文本之间的间隙?我们可以设置框架、字体大小和行数。我想减少该标签中两行之间的差距。

我可以建议您接受对 iOS 6.0 及更高版本正确的答案之一吗?当前接受的答案已过时。
对于每一行,使用一个新的 UILabel,然后将所有标签嵌入到一个 StackView 中。最后调整StackViewspacing。请记住将它们垂直堆叠。
请参阅以下链接以获取 Swift 2 中的解决方案。stackoverflow.com/a/39158698/6602495
有关情节提要调整和其他详细信息,请参阅 stackoverflow.com/a/44325650/342794

M
Mike S

在 Xcode 6 中,您可以在情节提要中执行此操作:

https://i.stack.imgur.com/w6TJN.gif


充分利用故事板!
@PaperThick 在 6.1.1 中有同样的问题。它“哈林摇晃”了几分钟。不知道如何解决它:) Xcode Shaking
有没有办法以这种方式设置自定义字体?我似乎无法将 helvetica neue 更改为任何其他字体。
如果启用“Attributed”,然后将文件作为源代码打开,则可以手动编辑“lineHeightMultiple”,从而绕过 Harlem Shake 错误
@azdev 对于仍然在看这个的任何人,我在 Xcode 7.3 中的震动时间更长,但我认为这是第一个没有问题的版本
B
Bart van Kuik

我想为这个答案添加一些新的东西,所以我感觉不那么糟糕......这是一个 Swift 的答案:

import Cocoa

let paragraphStyle = NSMutableParagraphStyle()
paragraphStyle.lineSpacing = 40

let attrString = NSMutableAttributedString(string: "Swift Answer")
attrString.addAttribute(.paragraphStyle, value:paragraphStyle, range:NSMakeRange(0, attrString.length))

var tableViewCell = NSTableCellView()
tableViewCell.textField.attributedStringValue = attrString

“简短的回答:你不能。要更改文本行之间的间距,你必须继承 UILabel 并滚动你自己的 drawTextInRect,或者创建多个标签。”

请参阅:设置 UILabel 行距

这是一个非常古老的答案,其他人已经添加了新的更好的方法来处理这个问题。请参阅下面提供的最新答案。


从 iOS 6.0 开始,您可以通过 NSAttributedString 控制它(也可以在 Xcode 的界面构建器中的 UILable 属性中使用)。
有趣的是,据我所知,您可以在行之间添加额外的间距,但在使用 NSAttributedString 时不能通过 NSParagraphStyle 减少它。 (我可能需要对其他可修改属性进行更多测试,但 lineSpacing 属性只允许您增加它。)
请参阅 my answer 了解使用 NSAttributedString 的方法
@livingtech 这真令人气愤,我相信你是对的。您是否找到任何解决方法?
只是为了澄清这个线程中的一些内容。如果要缩小行距,请将行高设置为 1.0,然后将 setLineHeightMultiple 设置为小于 1.0 的较低值,例如:[paragraphStyle setLineHeightMultiple:0.8] 或 paragraphStyle.lineHeightMultiple = 0.8
R
Rui Fang

从 iOS 6 开始,您可以为 UILabel 设置属性字符串。检查以下内容:

NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:label.text];
NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.lineSpacing = spacing;
[attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, label.text.length)];

label.attributedText = attributedString;

attributedString 必须是 NSMutableAttributedString(不是 NSAttributedString)
第一行代码应该是 NSMutableAttributedString *attributedString = [NSMutableAttributedString alloc]initWithString:@"sample text"];
NSMutableParagraphStylelineSpacing 属性永远不会是负数,因此无法使用这种方法降低行高。要回答这个问题,您必须使用另一个属性,请参阅@d.ennis 答案。
d
d.ennis

此处所述的解决方案对我不起作用。我发现使用 iOS 6 NSAttributeString 的方法略有不同:

myLabel.numberOfLines = 0; 
NSString* string = @"String with line one. \n Line two. \n Line three.";
NSMutableParagraphStyle *style  = [[NSMutableParagraphStyle alloc] init];
style.minimumLineHeight = 30.f;
style.maximumLineHeight = 30.f;
NSDictionary *attributtes = @{NSParagraphStyleAttributeName : style,};
myLabel.attributedText = [[NSAttributedString alloc] initWithString:string
                                                         attributes:attributtes];   
[myLabel sizeToFit];

行高取决于字体大小。行距就是这样,行距。您可以通过设置最小/最大行高来解决问题,但这只是因为您使用的当前字体大小不大于行高边界。根据文档:“......超过这个高度的字形和图形将与相邻的线条重叠......虽然这个限制适用于线条本身,但线条间距会在相邻线条之间增加额外的空间。”
+1,如果你想减少行间距,这就是你想要做的。默认情况下,实际行距很可能为 0,这就是为什么人们报告您只能增加它的原因。间距太大的问题来自于行高太大,这就是为什么这将在 99% 的时间内完成工作。
这是我能找到的唯一答案,它使用设计应用程序(如 Photoshop、Sketch、CSS 等)常见的实际行高值(而不是比率)。
K
Krunal

从界面生成器(故事板/XIB):

https://i.stack.imgur.com/UmKYm.gif

以编程方式:

斯威夫特 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 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 = "How to\ncontrol\nthe\nline spacing\nin UILabel"
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

let label = UILabel()
let stringValue = "How to\ncontrol\nthe\nline spacing\nin UILabel"
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

添加行“paragraphStyle.alignment = self.textAlignment”以保持原始对齐方式。否则,文本将左对齐。
对于在大文本上丢失省略号的任何人,请使用:paragraphStyle.lineBreakMode = .byTruncatingTail
M
MujtabaFR

我做了这个简单的扩展,对我来说效果很好:

extension UILabel {
    func setLineHeight(lineHeight: CGFloat) {
        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.lineSpacing = 1.0
        paragraphStyle.lineHeightMultiple = lineHeight
        paragraphStyle.alignment = self.textAlignment

        let attrString = NSMutableAttributedString()
        if (self.attributedText != nil) {
            attrString.append( self.attributedText!)
        } else {
            attrString.append( NSMutableAttributedString(string: self.text!))
            attrString.addAttribute(NSAttributedStringKey.font, value: self.font, range: NSMakeRange(0, attrString.length))
        }
        attrString.addAttribute(NSAttributedStringKey.paragraphStyle, value:paragraphStyle, range:NSMakeRange(0, attrString.length))
        self.attributedText = attrString
    }
}

把它复制到一个文件中,这样你就可以像这样使用它了

myLabel.setLineHeight(0.7)

请记住,如果您在为此标签使用 Storyboard 的同时执行此操作,请务必将标签的行数设置为 0
为什么不直接设置 lineSpacing 而忘记设置 lineHeightMultiple
因为降低行高的关键是'lineHeightMultiple',所以没有lineSpacing
假设您希望行高为 1.4,为什么不能只写 .lineSpacing = 1.4 而忘记 .lineHeightMultiple...
哈!我试过了,但我没有工作,但我想知道为什么我没有使用你的机制在这里看不到其他答案,我的意思是他们只是直接设置了 lineSpacing。查看已接受的答案...
C
Community

现在在 iOS 6 中有一个替代答案,即在标签上设置属性文本,使用具有适当段落样式的 NSAttributedString。有关使用 NSAttributedString 的行高的详细信息,请参阅此堆栈溢出答案:

Core Text - NSAttributedString line height done right?


a
adriendenat

这是一个继承 UILabel 以具有 line-height 属性的类:https://github.com/LemonCake/MSLabel


这对我有用,谢谢。我也尝试使用 MTLabel,但这个更好。
有谁知道 MSLabel 是否支持 '\n' 字符?
R
Ric Santos

在 Swift 中作为函数,受 DarkDust 启发

// Usage: setTextWithLineSpacing(myEpicUILabel,text:"Hello",lineSpacing:20)
func setTextWithLineSpacing(label:UILabel,text:String,lineSpacing:CGFloat)
{
    let paragraphStyle = NSMutableParagraphStyle()
    paragraphStyle.lineSpacing = lineSpacing

    let attrString = NSMutableAttributedString(string: text)
    attrString.addAttribute(NSAttributedString.Key.paragraphStyle, value:paragraphStyle, range:NSMakeRange(0, attrString.length))

    label.attributedText = attrString
}

a
aturan23

根据@Mike 的回答,减少 lineHeightMultiple 是关键。下面的例子,它对我很有效:

NSString* text = label.text;
CGFloat textWidth = [text sizeWithAttributes:@{NSFontAttributeName: label.font}].width;
if (textWidth > label.frame.size.width) {
  NSMutableParagraphStyle *paragraph = [[NSMutableParagraphStyle alloc] init];
  paragraph.alignment = NSTextAlignmentCenter;
  paragraph.lineSpacing = 1.0f;
  paragraph.lineHeightMultiple = 0.75;     // Reduce this value !!!
  NSMutableAttributedString* attrText = [[NSMutableAttributedString alloc] initWithString:text];
  [attrText addAttribute:NSParagraphStyleAttributeName value:paragraph range:NSMakeRange(0, text.length)];
  label.attributedText = attrText;
}

K
Kevin Sabbe

SWIFT 3 用于更轻松地设置行间空间的有用扩展:)

extension UILabel
{
    func setLineHeight(lineHeight: CGFloat)
    {
        let text = self.text
        if let text = text 
        {

            let attributeString = NSMutableAttributedString(string: text)
            let style = NSMutableParagraphStyle()

           style.lineSpacing = lineHeight
           attributeString.addAttribute(NSParagraphStyleAttributeName,
                                        value: style,
                                        range: NSMakeRange(0, text.characters.count))

           self.attributedText = attributeString
        }
    }
}

J
Jeehut

我找到了一种可以设置实际行高(不是一个因素)的方法,它甚至可以在 Interface Builder 中实时呈现。只需按照以下说明进行操作。代码是用 Swift 4 编写的。

步骤 #1: 创建一个名为 DesignableLabel.swift 的文件并插入以下代码:

import UIKit

@IBDesignable
class DesignableLabel: UILabel {
    @IBInspectable var lineHeight: CGFloat = 20 {
        didSet {
            let paragraphStyle = NSMutableParagraphStyle()
            paragraphStyle.minimumLineHeight = lineHeight
            paragraphStyle.maximumLineHeight = lineHeight
            paragraphStyle.alignment = self.textAlignment

            let attrString = NSMutableAttributedString(string: text!)
            attrString.addAttribute(NSAttributedStringKey.font, value: font, range: NSRange(location: 0, length: attrString.length))
            attrString.addAttribute(NSAttributedStringKey.paragraphStyle, value: paragraphStyle, range: NSRange(location: 0, length: attrString.length))
            attributedText = attrString
        }
    }
}

第 2 步:UILabel 放入 Storyboard/XIB 并将其类设置为 DesignableLabel。等待您的项目构建(构建必须成功!)。

https://i.stack.imgur.com/O84DN.png

第 3 步:现在您应该在属性窗格中看到一个名为“行高”的新属性。只需设置您喜欢的值,您应该立即看到结果!

https://i.stack.imgur.com/4VzMj.png


p
phatmann

这是 UILabel 的一个子类,它设置 lineHeightMultiple 并确保固有高度足够大而不会截断文本。

@IBDesignable
class Label: UILabel {
    override var intrinsicContentSize: CGSize {
        var size = super.intrinsicContentSize
        let padding = (1.0 - lineHeightMultiple) * font.pointSize
        size.height += padding
        return size
    }

    override var text: String? {
        didSet {
            updateAttributedText()
        }
    }

    @IBInspectable var lineHeightMultiple: CGFloat = 1.0 {
        didSet {
            updateAttributedText()
        }
    }

    private func updateAttributedText() {
        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.lineHeightMultiple = lineHeightMultiple
        attributedText = NSAttributedString(string: text ?? "", attributes: [
            .font: font,
            .paragraphStyle: paragraphStyle,
            .foregroundColor: textColor
        ])
        invalidateIntrinsicContentSize()
    }
}

额外的填充必须是 (lineHeightMultiple - 1.0) * font.pointSize,对吧?
上面的代码似乎对我有用。但也许你是对的。你试过你的改变吗? @PavelAlexeev
不,我坚持使用 lineSpacing 而不是 lineHeightMultiple :)
a
aturan23

斯威夫特 3 扩展:

import UIKit
    
extension UILabel {
  func setTextWithLineSpacing(text: String, lineHeightMultiply: CGFloat = 1.3) {
    let paragraphStyle = NSMutableParagraphStyle()
    paragraphStyle.lineHeightMultiple = lineHeightMultiply
    paragraphStyle.alignment = .center
    let attributedString = NSMutableAttributedString(string: text)
    attributedString.addAttribute(NSParagraphStyleAttributeName, value: paragraphStyle, range: NSRange(location: 0, length: attributedString.length))
    self.attributedText = attributedString
  }
}

这个解决方案对我有用,我只需将 paragraphStyle.alignment = .center 更改为 paragraphStyle.lineBreakMode = .byTruncatingTail paragraphStyle.baseWritingDirection = NSParagraphStyle.defaultWritingDirection(forLanguage: GeneralMethods.getSelectedLanguage().stringValue) 并根据所选语言自动采用方向。
r
rab_w

在斯威夫特 2.0...

添加扩展:

extension UIView {
    func attributesWithLineHeight(font: String, color: UIColor, fontSize: CGFloat, kern: Double, lineHeightMultiple: CGFloat) -> [String: NSObject] {
        let titleParagraphStyle = NSMutableParagraphStyle()
        titleParagraphStyle.lineHeightMultiple = lineHeightMultiple

        let attribute = [
            NSForegroundColorAttributeName: color,
            NSKernAttributeName: kern,
            NSFontAttributeName : UIFont(name: font, size: fontSize)!,
            NSParagraphStyleAttributeName: titleParagraphStyle
        ]
        return attribute
    }
}

现在,只需将您的 UILabel 设置为属性文本:

self.label.attributedText = NSMutableAttributedString(string: "SwiftExample", attributes: attributesWithLineHeight("SourceSans-Regular", color: UIColor.whiteColor(), fontSize: 20, kern: 2.0, lineHeightMultiple: 0.5))    

显然,我添加了一堆你可能不需要的参数。玩转——随意重写方法——我在一堆不同的答案上寻找这个,所以我想我会发布整个扩展,以防它帮助那里的人......-rab


r
rmooney

Swift3 - 在 UITextView 或 UILabel 扩展中,添加这个函数:

如果您已经在视图中使用了属性字符串(而不是覆盖它们),我添加了一些代码来保留当前的属性文本。

func setLineHeight(_ lineHeight: CGFloat) {
    guard let text = self.text, let font = self.font else { return }

    let paragraphStyle = NSMutableParagraphStyle()
    paragraphStyle.lineSpacing = 1.0
    paragraphStyle.lineHeightMultiple = lineHeight
    paragraphStyle.alignment = self.textAlignment

    var attrString:NSMutableAttributedString
    if let attributed = self.attributedText {
        attrString = NSMutableAttributedString(attributedString: attributed)
    } else {
        attrString = NSMutableAttributedString(string: text)
        attrString.addAttribute(NSFontAttributeName, value: font, range: NSMakeRange(0, attrString.length))
    }
    attrString.addAttribute(NSParagraphStyleAttributeName, value:paragraphStyle, range:NSMakeRange(0, attrString.length))
    self.attributedText = attrString
}

R
Ricardo Mutti

另一个答案...如果您以编程方式传递字符串,则需要传递属性字符串而不是常规字符串并更改其样式。(iOS10)

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;

N
Neuron

这应该有助于它。然后,您可以将标签分配给情节提要中的此自定义类,并直接在属性中使用它的参数:

open class SpacingLabel : UILabel {

    @IBInspectable open var lineHeight:CGFloat = 1 {
        didSet {
            let paragraphStyle = NSMutableParagraphStyle()
            paragraphStyle.lineSpacing = 1.0
            paragraphStyle.lineHeightMultiple = self.lineHeight
            paragraphStyle.alignment = self.textAlignment

            let attrString = NSMutableAttributedString(string: self.text!)
            attrString.addAttribute(NSAttributedStringKey.font, value: self.font, range: NSMakeRange(0, attrString.length))
            attrString.addAttribute(NSAttributedStringKey.paragraphStyle, value:paragraphStyle, range:NSMakeRange(0, attrString.length))
            self.attributedText = attrString
        }
    } 
}

这应该有助于它。然后,您可以将标签分配给情节提要中的此自定义类,并直接在属性中使用它的参数。
请不要将与您的答案相关的内容放在评论中。您的回答应该会有所帮助,而无需阅读评论
E
Edward

Swift 4 标签扩展。在传递给函数之前创建 NSMutableAttributedString,以防属性文本需要额外的属性。

extension UILabel {

    func setLineHeightMultiple(to height: CGFloat, withAttributedText attributedText: NSMutableAttributedString) {

        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.lineSpacing = 1.0
        paragraphStyle.lineHeightMultiple = height
        paragraphStyle.alignment = textAlignment

        attributedText.addAttribute(.paragraphStyle, value: paragraphStyle, range: NSRange(location: 0, length: attributedText.length - 1))

        self.attributedText = attributedText
    }
}

d
daniel kilinskas

这段代码对我有用(肯定是 ios 7 和 ios 8)。

_label.numberOfLines=2;
_label.textColor=[UIColor whiteColor];

NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.lineHeightMultiple=0.5;
paragraphStyle.alignment = NSTextAlignmentCenter;
paragraphStyle.lineSpacing = 1.0;

NSDictionary *nameAttributes=@{
                               NSParagraphStyleAttributeName : paragraphStyle,
                               NSBaselineOffsetAttributeName:@2.0
                               };


NSAttributedString *string=[[NSAttributedString alloc] initWithString:@"22m\nago" attributes:nameAttributes];
_label.attributedText=string;

U
Umair

这是我的快速解决方案。子类应该适用于属性文本和文本属性以及 characterSpacing + lineSpacing。如果设置了新字符串或属性字符串,它会保留间距。

open class UHBCustomLabel : UILabel {
    @IBInspectable open var characterSpacing:CGFloat = 1 {
        didSet {
            updateWithSpacing()
        }

    }
    @IBInspectable open var lines_spacing:CGFloat = -1 {
        didSet {
            updateWithSpacing()
        }

    }
    open override var text: String? {
        set {
            super.text = newValue
            updateWithSpacing()
        }
        get {
            return super.text
        }
    }
    open override var attributedText: NSAttributedString? {
        set {
            super.attributedText = newValue
            updateWithSpacing() 
        }
        get {
            return super.attributedText
        }
    }
    func updateWithSpacing() {
        let attributedString = self.attributedText == nil ? NSMutableAttributedString(string: self.text ?? "") : NSMutableAttributedString(attributedString: attributedText!)
        attributedString.addAttribute(NSKernAttributeName, value: self.characterSpacing, range: NSRange(location: 0, length: attributedString.length))
        if lines_spacing >= 0 {
            let paragraphStyle = NSMutableParagraphStyle()
            paragraphStyle.lineSpacing = lines_spacing
            paragraphStyle.alignment = textAlignment
            attributedString.addAttribute(NSParagraphStyleAttributeName, value:paragraphStyle, range:NSMakeRange(0, attributedString.length))
        }
        super.attributedText = attributedString
    }
}