複数行UILabel
の行間のギャップ(行間隔)を変更するにはどうすればよいですか?
編集:明らかに、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
の柔軟性が向上したことを願っていますが、間違っていることが証明されてうれしいです!
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 ;
ストーリーボードで行間隔を制御できます:
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
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
私の解決策は、フォントファイル自体にパッチを適用し、行の高さを正確に修正することでした。 http://mbauman.net/geek/2009/03/15/minor-truetype-font-editing-on-a-mac/
「ブログ」の例のように、「hhea」ブロックの「lineGap」、「ascender」、「descender」を変更する必要がありました。
この男は、行の高さを取得するクラスを作成しました(MTLabelライブラリとしてCoreTextを使用しません): https://github.com/LemonCake/MSLabel
私が見つけた最高のものは: https://github.com/mattt/TTTAttributedLabel
これはUILabelサブクラスなので、ドロップしてから行の高さを変更できます。
myLabel.lineHeightMultiple = 0.85;
myLabel.leading = 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
もちろん、プログラムで文字列を渡すと、マイクの答えは機能しません。この場合、属性付き文字列を渡し、スタイルを変更する必要があります。
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;