複数行の行間のギャップ(行間隔)を変更するにはどうすればよいUILabel
ですか?
10 に答える
編集:NSAttributedString
iOS6以降では明らかにそれを行います。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も同じことをしましたが、現在は非推奨になっています。
歴史的な理由から、これが私の最初の答えです:
簡単な答え:できません。テキストの行間の間隔を変更するにはUILabel
、独自のサブクラスを作成してロールするdrawTextInRect
か、複数のラベルを作成するか、別のフォントを使用する必要があります(おそらく、特定の行の高さで編集されたフォントです。フィリップの回答を参照してください)。
長い答え:印刷物やオンラインの世界では、テキストの行間のスペースは「リーディング」として知られています(「見出し」のある韻で、数十年前に使用された鉛の金属に由来します)。Leadingはの読み取り専用プロパティでありUIFont
、4.0で非推奨になり、。に置き換えられましたlineHeight
。私の知る限り、lineHeight
;などの特定のパラメータセットを使用してフォントを作成する方法はありません。システムフォントと追加したカスタムフォントを取得できますが、インストール後に微調整することはできません。
にも間隔パラメータはありませんUILabel
。
の動作に特に満足しているわけではないUILabel
ので、独自のサブクラスを作成するか、サードパーティのライブラリを使用することをお勧めします。これにより、動作はフォントの選択に依存せず、最も再利用可能なソリューションになります。
にもっと柔軟性があったらいいのにUILabel
と思います。間違っていることが証明されてうれしいです。
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
スウィフト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
私の解決策は、フォントファイル自体にパッチを適用し、その行の高さを確実に修正することでした。 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;