ตั้งค่าระยะห่างบรรทัด UILabel


คำตอบ:


122

แก้ไข:เห็นได้ชัดว่าNSAttributedStringจะทำใน iOS 6 และใหม่กว่า แทนที่จะใช้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;

attributedStringWithString เก่า NSAttributedString ของทำสิ่งเดียวกัน แต่ตอนนี้ที่จะถูกเลิกใช้

ด้วยเหตุผลทางประวัติศาสตร์นี่คือคำตอบเดิมของฉัน:

คำตอบสั้น ๆ :คุณทำไม่ได้ ในการเปลี่ยนระยะห่างระหว่างบรรทัดของข้อความคุณจะต้องคลาสย่อยUILabelและม้วนของคุณเองdrawTextInRectสร้างป้ายกำกับหลายป้ายหรือใช้แบบอักษรอื่น (อาจมีการแก้ไขสำหรับความสูงของบรรทัดเฉพาะดูคำตอบของ Phillipe)

คำตอบแบบยาว:ในโลกสิ่งพิมพ์และออนไลน์ช่องว่างระหว่างบรรทัดของข้อความเรียกว่า "ชั้นนำ" (คำคล้องจองกับ "หัวเรื่อง" และมาจากโลหะตะกั่วที่ใช้เมื่อหลายสิบปีก่อน) ชั้นนำเป็นที่พักอ่านอย่างเดียวUIFontซึ่งได้รับการคัดค้านใน 4.0 lineHeightและถูกแทนที่ด้วย เท่าที่ฉันรู้ไม่มีวิธีสร้างฟอนต์ที่มีชุดพารามิเตอร์เฉพาะเช่นlineHeight; คุณจะได้รับแบบอักษรของระบบและแบบอักษรที่กำหนดเองที่คุณเพิ่ม แต่ไม่สามารถปรับแต่งได้เมื่อติดตั้งแล้ว

ไม่มีพารามิเตอร์การเว้นวรรคUILabelเช่นกัน

ฉันไม่ค่อยพอใจกับUILabelพฤติกรรมของพวกเขาดังนั้นฉันขอแนะนำให้เขียนคลาสย่อยของคุณเองหรือใช้ไลบรารีของบุคคลที่สาม ซึ่งจะทำให้ลักษณะการทำงานเป็นอิสระจากตัวเลือกแบบอักษรของคุณและเป็นโซลูชันที่นำกลับมาใช้ใหม่ได้มากที่สุด

ฉันต้องการมีเป็นความยืดหยุ่นมากขึ้นในUILabelและผมยินดีที่จะเป็นความผิดที่พิสูจน์แล้ว!


1
ฉันได้ทำมันด้วย UILabel การแบ่งชั้นย่อยโดยพื้นฐานแล้วแนวคิดคือการแบ่งข้อความฉลากออกเป็นโทเค็นจากนั้นความยาวประจำตัวของแต่ละโทเค็นสร้างป้ายกำกับแยกสำหรับแต่ละโทเค็นและต่อท้ายทีละรายการ แค่นั้นแหละ.
Matrix

3
โกหก! ;) คุณสามารถแก้ไขไฟล์แบบอักษรเพื่อเปลี่ยนความสูงของบรรทัด - ดูคำตอบของฉันในหน้านี้
Philippe

ฉันเชื่อว่ามีวิธีดำเนินการกับ NSAttributedString หากคุณต้องการป้ายกับสตริงมาประกอบใน pre iOS 6 ตรวจสอบOHAttributedLabel
Spencer Williams

ทำได้ด้วย NSAttributesString หากคุณใช้ iOS> = 6 ตัวอย่าง
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

23

จาก Interface Builder:

ใส่คำอธิบายภาพที่นี่

โดยทางโปรแกรม:

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

สวิฟต์ 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

ต้องผ่านการโต้เถียงเพียงบรรทัดเดียวเว้นวรรคหรือหลายเส้นความสูงไม่สามารถผ่านทั้งสองข้อโต้แย้งอื่น ๆ ที่ชาญฉลาดจะไม่มีผลลัพธ์เกิดขึ้นฉันคิดว่า
Arpit B Parekh

16

วิธีแก้ปัญหาของฉันคือการแก้ไขไฟล์ฟอนต์และแก้ไขความสูงของบรรทัดอย่างแน่นอน http://mbauman.net/geek/2009/03/15/minor-truetype-font-editing-on-a-mac/

ฉันต้องแก้ไข 'lineGap', 'ascender', 'descender' ในบล็อก 'hhea' (ดังในตัวอย่างบล็อก)


สุดยอดมาก! เครื่องมือแบบอักษร OS X เหล่านี้ยังใช้งานได้กับแบบอักษร OTF ของฉัน (แม้ว่าจะระบุเฉพาะ TTF ... ) แบบอักษรของฉันมีความสูงบรรทัด 1,000 (!) ฉันเปลี่ยนเป็น 0 และ voila ฉันมีพื้นที่ว่างด้านล่างข้อความในแต่ละบรรทัดเป็นไมล์และไมล์
จอนนี่

2
ฉันไม่อยากจะเชื่อเลยว่านี่เป็นทางออกที่ดีที่สุด (ไม่มีความผิด!) แต่มันเป็นวิธีที่ง่ายที่สุด ฉันใช้ซอฟต์แวร์ฟรี (Windows) Type Light (และภายใต้ Font | Metrics | Advanced คุณสามารถแก้ไข lineGap) เพื่อแก้ไขแบบอักษรของฉัน นอกจากนี้ยังช่วยให้คุณ "เปลี่ยนชื่อ" แบบอักษรซึ่งฉันคิดไม่ออกว่าจะทำอย่างไรโดยใช้เครื่องมือที่ Philippe กล่าวถึง
Kirk Woll

นี่มันวิเศษมาก @Philippe! ขอบคุณสำหรับโพสต์ !!
Robbie

ดูคำตอบของฉันสำหรับคำถามที่คล้ายกันสำหรับข้อมูลเฉพาะเพิ่มเติม: stackoverflow.com/a/19553827/201828
phatmann

@iamjustaprogrammer ออนไลน์อีกครั้ง
Matt B.


7

สิ่งที่ดีที่สุดที่ฉันพบคือ: https://github.com/mattt/TTTAttributedLabel

มันเป็นคลาสย่อย UILabel เพื่อให้คุณสามารถวางลงในนั้นแล้วเปลี่ยนความสูงของบรรทัด:

myLabel.lineHeightMultiple = 0.85;
myLabel.leading = 2;


2

ต่อไปนี้เป็นรหัสที่รวดเร็วสำหรับคุณในการตั้งค่าระยะห่างระหว่างบรรทัดโดยใช้โปรแกรม

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;
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.