プログラム関係の備忘録。技術系記事1000記事以上を目指すブログ

【SwiftUI】Textビューの便利なモデファイア一覧

  • 2020年11月2日
  • 2020年11月2日
  • Swift
  • 969view
  • 0件

前回

【SwiftUI】よく使う標準のモデファイア

lineLimit

表示行数を指定する
Stringクラスのイニシャライザを使って文字列を繰り返し表示し、lineLimitで行数を制限している

Text(String(repeating: "Hello", count: 5))
    .lineLimit(3)

truncationMode

文字列を省略する位置を指定

Text(String(repeating: "Hello", count: 5))
    .lineLimit(1)
    .truncationMode(.middle)

truncationModeのプロパティ

headmiddleteil

lineSpacing

行間の幅を指定

Text(String(repeating: "Hello", count: 5))
    .lineSpacing(50)

font

フォントの種類を指定

Text("Hello")
    .font(.largeTitle)

fontのプロパティ

largeTitle大タイトル
titleタイトル
headline見出し
subheadline小見出し
body本文
callout吹き出し
footnote注釈
captionキャプション

bold

文字を太字にする

Text("Hello")
    .bold()

italic

文字を斜めにする

Text("Hello")
    .italic()

fontWeight

文字の太さを指定

Text("Hello")
    .fontWeight(.black)

baselineOffset

ベースラインの位置を指定

Text("Hello")
    .baselineOffset(5)

karning

文字間の設定

Text("Hello")
    .karning(5)

tracking

文字列全体の文字間隔

Text("Hello")
    .tracking(3)

underline

下線を設定

Text("Hello")
    .underline(true, red)

strikethrough

取り消し線を設定

Text("Hello")
    .strikethrough(true, blue)