Cách kiểm soát khoảng cách dòng trong UILabel

Có thể giảm khoảng cách giữa các văn bản, khi đặt trong nhiều dòng trong một UILabel? Chúng ta có thể đặt khung, cỡ chữ và số dòng. Tôi muốn giảm khoảng cách giữa hai dòng trong nhãn đó.

Tôi đã nghĩ về việc thêm một cái gì đó mới vào câu trả lời này, vì vậy tôi không cảm thấy tệ như vậy ... Đây là câu trả lời của 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

"Câu trả lời ngắn: bạn không thể. Để thay đổi khoảng cách giữa các dòng văn bản, bạn sẽ phải phân lớp UILabel và cuộn drawTextInRect của riêng bạn hoặc tạo nhiều nhãn."

Xem: Đặt khoảng cách dòng UILabel

Đây là một câu trả lời thực sự cũ và khác đã bổ sung cách mới và tốt hơn để xử lý vấn đề này .. Vui lòng xem các câu trả lời cập nhật được cung cấp dưới đây.

Trong Xcode 6, bạn có thể làm điều này trong bảng phân cảnh:

Bắt đầu từ iOS 6, bạn có thể đặt một chuỗi được gán cho UILabel. Kiểm tra lượt theo dõi :

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;

Các giải pháp được nêu ở đây không làm việc cho tôi. Tôi đã tìm thấy một cách hơi khác để làm điều đó với NSAttributionString trên iOS 6:

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];

Tôi đã thực hiện tiện ích mở rộng đơn giản này hoạt động rất tốt cho tôi:

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
    }
}

Sao chép này trong một tập tin, vì vậy sau đó bạn có thể sử dụng nó như thế này

myLabel.setLineHeight(0.7)

Từ Trình tạo giao diện (Storyboard / XIB):

Lập trình:

Vuốt 4

Sử dụng phần mở rộng nhãn

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
    }
}

Bây giờ gọi chức năng mở rộng

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

Hoặc sử dụng thể hiện nhãn (Chỉ cần sao chép và thực thi mã này để xem kết quả)

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

Swift 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

Hiện tại có một câu trả lời thay thế trong iOS 6, đó là đặt AttText trên nhãn, sử dụng NSAttributionString với các kiểu đoạn văn phù hợp. Xem câu trả lời tràn ngăn xếp này để biết chi tiết về chiều cao dòng với NSAttributionString:

Văn bản cốt lõi - Chiều cao dòng NSAttributionString được thực hiện phải không?

Đây là một lớp mà lớp con UILabel có thuộc tính chiều cao dòng: https://github.com/LemonCake/MSLabel

Trong Swift và như một chức năng, lấy cảm hứng từ 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
}

Theo câu trả lời của @Mike, giảm điểm lineHeightMultiplelà điểm mấu chốt. Ví dụ dưới đây, nó hoạt động tốt cho tôi:

    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;
    }

SWift 3 tiện ích mở rộng hữu ích để đặt không gian giữa các dòng dễ dàng hơn :)

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
        }
    }
}

Tôi đã tìm thấy một cách mà bạn có thể đặt chiều cao của dòng thực (không phải là một yếu tố) và nó thậm chí còn hiển thị trực tiếp trong Trình tạo giao diện . Chỉ cần làm theo các hướng dẫn dưới đây. Mã được viết bằng Swift 4 .

Bước # 1: Tạo một tệp có tên DesignableLabel.swiftvà chèn đoạn mã sau:

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
        }
    }
}

Bước # 2: Đặt a UILabelvào Storyboard / XIB và đặt lớp của nó thành DesignableLabel. Đợi dự án của bạn xây dựng (xây dựng phải thành công!).

Bước 3: Bây giờ bạn sẽ thấy một thuộc tính mới trong khung thuộc tính có tên "Chiều cao đường". Chỉ cần đặt giá trị bạn thích và bạn sẽ thấy kết quả ngay lập tức!

Dưới đây là một lớp con của UILabel thiết lập lineHeightMultiplevà đảm bảo chiều cao nội tại đủ lớn để không cắt văn bản.

@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()
    }
}

Trong Swift 2.0 ...

Thêm một phần mở rộng:

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
    }
}

Bây giờ, chỉ cần đặt UILabel của bạn là AttText:

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

Rõ ràng, tôi đã thêm một loạt các tham số mà bạn có thể không cần. Chơi xung quanh - thoải mái viết lại phương pháp - Tôi đã tìm kiếm điều này trên một loạt các câu trả lời khác nhau để tìm ra tôi sẽ đăng toàn bộ phần mở rộng trong trường hợp nó giúp được ai đó ngoài kia ...

Swift3 - Trong tiện ích mở rộng UITextView hoặc UILabel, hãy thêm chức năng này:

Tôi đã thêm một số mã để giữ văn bản được gán hiện tại nếu bạn đang sử dụng các chuỗi được gán với chế độ xem (thay vì ghi đè lên chúng).

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
}

Một câu trả lời khác ... Nếu bạn truyền chuỗi theo lập trình, bạn cần chuyển một chuỗi được gán thay vì một chuỗi thông thường và thay đổi kiểu của nó. (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;

Tiện ích mở rộng Swift 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
    }
}

Điều này sẽ giúp với nó. Sau đó, bạn có thể gán nhãn của mình cho lớp tùy chỉnh này trong bảng phân cảnh và sử dụng tham số của nó trực tiếp trong các thuộc tính:

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
        }
    } 
}

Mở rộng nhãn 4 Swift. Tạo NSMutableAttributionString trước khi chuyển vào hàm trong trường hợp có các thuộc tính bổ sung cần thiết cho văn bản được gán.

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
    }
}

Mã này hoạt động với tôi (chắc chắn 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;

Đây là giải pháp của tôi trong nhanh chóng. Lớp con nên hoạt động cho cả thuộc tính văn bản và thuộc tính văn bản và cho characterSpaces + lineSpaces. Nó giữ lại khoảng cách nếu một chuỗi mới hoặc AttributionString được đặt.

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
    }
}

Như một cách giải quyết nhanh chóng-bẩn-thông minh-đơn giản:

Đối với UILabels không có nhiều dòng, thay vào đó bạn có thể sử dụng stackViews.

1. Đối với mỗi dòng viết một nhãn mới.
2. Nhúng chúng vào StackView. (Chọn cả hai nhãn -> Trình chỉnh sửa -> Nhúng vào -> StackView
3. Điều chỉnh SpacingStackView theo số lượng bạn muốn

Hãy chắc chắn để xếp chúng theo chiều dọc . Giải pháp này cũng hoạt động cho các phông chữ tùy chỉnh.