[SwiftUI]Buttonのテキストのフォントを変えるには？

どうも、ちょげ(@chogetarou)です。

Buttonで表示するテキストのフォントを変える方法を紹介します。

方法

Buttonで表示するテキストのフォントを変えるには、fontモディファイアを使います。

まず、Buttonにfont()をつけます。

そして、fontの引数に「定義済みフォント」を指定します。

Button("Button"){
    ・・・
}
.font(/*定義済みフォント*/)

fontモディファイアを使うことで、Buttonのフォントを変えることが出来ます。

fontモディファイアでのフォントの設定には、他にもfont()の引数に「.system(定義済みフォント, フォントタイプ)」を指定する方法があります。

//使用例
Button("Button"){
    ・・・
}
.font(.system(.title, design: .serif))

使用例

以下は、使用例です。

struct SampleView: View {
    
    var body: some View {
        VStack{
            Button("Button"){
                print("Tap")
            }
            .font(.system(.title, design: .serif))
        }
    }
}

[SwiftUI]画像をButtonで使うには？

画像をButtonで使う方法を紹介します。

www.choge-blog.com

2022.01.17

[SwiftUI]Buttonのサイズを設定するには？

Buttonのサイズを設定する方法を紹介します。

www.choge-blog.com

2022.01.16

[SwiftUI]Buttonで画像の色が変わらないようにするには？

Buttonで画像を使うと、色が変わるようになっています。この挙動を変え、画像の色が変わらないようにする方法を紹介します。

www.choge-blog.com

2022.01.15

[SwiftUI]Buttonを押せなくする「disabled」

2021/7/31

条件によって、Buttonを押せなくしたい時がありますよね。

この時に役立つのがdisabledモディファイアです。

www.choge-blog.com

2021.08.02