[SwiftUI]ToggleボタンのONの時の背景色を設定するには？

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

ToggleボタンのONになっている時の背景色を設定する方法を紹介します。

方法

Toggleボタンのオンの時の背景色を設定するには、toggleStyleモディファイアを使います。

まず、Toggleに「.toggleStyle()」をつけ、toggleStyleの引数に「SwitchToggleStyle()」を指定します。

そして、「SwitchToggleStyle」の引数「tint」に背景色を指定します。

Toggle(isOn: $isOn){
    ・・・・
}
.toggleStyle(SwitchToggleStyle(tint: /*オンの時の背景色*/))

SwitchToggleモディファイアを使うことで、ToggleのONの時の背景色を設定することが出来ます。

Toggle(isOn : $isOn){
    ・・・
}
.tint(/*オンの時の背景色*/)

使用例

以下は、使用例です。

struct SampleView: View {
    @State var _isOn = false;
    
    var body: some View {
        VStack{
            Toggle(isOn: $_isOn){
                Text("スイッチ")
            }
            .toggleStyle(SwitchToggleStyle(tint: Color.red))
        }
        .padding()
    }
}

[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