[Swift 3] テキストの装飾（フォント・文字サイズ・文字間隔・行間・文字色・下線）

投稿日：2017年9月20日更新日：2018年9月23日

1 はじめに
2 フォント・文字サイズ変更
3 文字間隔
4 行間
5 文字色
6 下線
7 さいごに
8 おすすめ書籍

はじめに

どうもはじめです。

今回は文字の装飾をやってみようと思います。

完成図を載せておきます。

フォント・文字サイズ変更

fontSizeLabel.font = UIFont(name: "Hiragino Sans", size: 20)

1	fontSizeLabel.font = UIFont(name: "Hiragino Sans", size: 20)

文字サイズを変更したくない場合はsizeに以下を指定することができます。
Label.font.pointSize

nameに指定する文字列は
AttributesInspectorのカスタムフォントのFamilyに表示されている文字列を記載する必要があります。

文字間隔

let KernAttr = [NSKernAttributeName: 20]
kernLabel.attributedText = NSMutableAttributedString(string: kernLabel.text!, attributes: KernAttr)

1 2	let KernAttr = [NSKernAttributeName: 20] kernLabel.attributedText = NSMutableAttributedString(string: kernLabel.text!, attributes: KernAttr)

NSKernAttributeNameに渡す値を大きくすれば文字間隔が広がります。

行間

let LineSpaceStyle = NSMutableParagraphStyle()
LineSpaceStyle.lineSpacing = 20.0
let lineSpaceAttr = [NSParagraphStyleAttributeName: LineSpaceStyle]
lineSpaceLabel.attributedText = NSMutableAttributedString(string: lineSpaceLabel.text!, attributes: lineSpaceAttr)

let LineSpaceStyle = NSMutableParagraphStyle()

LineSpaceStyle.lineSpacing = 20.0

let lineSpaceAttr = [NSParagraphStyleAttributeName: LineSpaceStyle]

lineSpaceLabel.attributedText = NSMutableAttributedString(string: lineSpaceLabel.text!, attributes: lineSpaceAttr)

lineSpacingに渡す値を大きくすれば行の間隔を広げることができます。

文字色

let fontColorStyle = [NSForegroundColorAttributeName: UIColor.red]
fontColorLabel.attributedText = NSMutableAttributedString(string: fontColorLabel.text!, attributes: fontColorStyle)

1 2	let fontColorStyle = [NSForegroundColorAttributeName: UIColor.red] fontColorLabel.attributedText = NSMutableAttributedString(string: fontColorLabel.text!, attributes: fontColorStyle)

UILabelであれば以下でも変更が可能です。

label.textColor = UIColor.blue

1	label.textColor = UIColor.blue

下線

let underLineAttrString = NSMutableAttributedString(string: underLineLabel.text!)
let underLineAttr = [NSUnderlineStyleAttributeName: NSUnderlineStyle.styleSingle.rawValue,
                    NSUnderlineColorAttributeName: UIColor.black] as [String : Any]
underLineAttrString.addAttributes(underLineAttr, range: NSRange(location: 0,length: (underLineLabel.text?.characters.count)!))
underLineLabel.attributedText = underLineAttrString

let underLineAttrString = NSMutableAttributedString(string: underLineLabel.text!)

let underLineAttr = [NSUnderlineStyleAttributeName: NSUnderlineStyle.styleSingle.rawValue,

NSUnderlineColorAttributeName: UIColor.black] as [String : Any]

underLineAttrString.addAttributes(underLineAttr, range: NSRange(location: 0,length: (underLineLabel.text?.characters.count)!))

underLineLabel.attributedText = underLineAttrString

下線をひきたい箇所のNSRangeを指定することで指定の箇所のみ下線を引くことができます。

さいごに

HTML,CSSでテキストリンクを作成するときは<a></a>ですぐにテキストリンクが作成できますが、
Swiftでテキストリンクを実装するとなるとかなりめんどくさいことをしないと実装できないことがわかりました。
みんなこんなことやってるんだ・・・って感じです。

最後まで見ていただきありがとうございました。

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

[Swift 3] テキストの装飾（フォント・文字サイズ・文字間隔・行間・文字色・下線）

はじめに

フォント・文字サイズ変更

文字間隔

行間

文字色

下線

さいごに

おすすめ書籍

フォロー

アプリ情報