web-dev-qa-db-ja.com

UILabelの行間隔を設定する

複数行UILabelの行間のギャップ(行間隔)を変更するにはどうすればよいですか?

100
Matrix

編集:明らかに、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;

NSAttributedStringの古いattributedStringWithStringは同じことをしましたが、今ではthatは廃止されています。

歴史的な理由から、ここに私の元の答えがあります:

短い答え:できません。テキストの行間隔を変更するには、UILabelをサブクラス化し、独自のdrawTextInRectをロールするか、複数のラベルを作成するか、別のフォントを使用する必要があります(特定の行の高さに合わせて編集されたフォントなど、フィリップの答えを参照)。

長答:印刷とオンラインの世界では、テキストの行間のスペースは「リーディング」として知られています(「見出し」の韻は、数十年前に使用された鉛金属に由来します)。 LeadingはUIFontの読み取り専用プロパティで、4.0で廃止され、lineHeightに置き換えられました。私の知る限り、lineHeightなどの特定のパラメーターセットを使用してフォントを作成する方法はありません。システムフォントと追加したカスタムフォントは取得できますが、インストール後に調整することはできません。

UILabelにも間隔パラメーターはありません。

UILabelの動作に特に満足していないので、独自のサブクラスを作成するか、サードパーティライブラリを使用することをお勧めします。これにより、フォントの選択に関係なく動作が行われ、最も再利用可能なソリューションになります。

wasUILabelの柔軟性が向上したことを願っていますが、間違っていることが証明されてうれしいです!

120
AndrewS

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 ;
75
iosMentalist

ストーリーボードで行間隔を制御できます:

質問の重複

56
Mike S

Interface Builderから:

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

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
17
Krunal

私の解決策は、フォントファイル自体にパッチを適用し、行の高さを正確に修正することでした。 http://mbauman.net/geek/2009/03/15/minor-truetype-font-editing-on-a-mac/

「ブログ」の例のように、「hhea」ブロックの「lineGap」、「ascender」、「descender」を変更する必要がありました。

16
Philippe

この男は、行の高さを取得するクラスを作成しました(MTLabelライブラリとしてCoreTextを使用しません): https://github.com/LemonCake/MSLabel

8
Grsmto

私が見つけた最高のものは: https://github.com/mattt/TTTAttributedLabel

これはUILabelサブクラスなので、ドロップしてから行の高さを変更できます。

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

このようなサードパーティのライブラリを見つけました:

https://github.com/Tuszy/MTLabel

最も簡単なソリューションであるために。

4

プログラムで行間隔を設定するためのスウィフトコードを次に示します。

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
1
ullstrm

もちろん、プログラムで文字列を渡すと、マイクの答えは機能しません。この場合、属性付き文字列を渡し、スタイルを変更する必要があります。

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;
0
Ricardo Mutti