昨天我们学完了按钮，我们今天来学切换按钮。

正文

没错这这个Toogle就长得跟设定里面看到的一模模一样样，这边我们就是写这个。

使用方法

我们先在structure底下添加一个新的变量

这边将isSwitchOn 设定为true，这样待会才能使用我们的toggle。

如果你希望打开App预设为关闭，那我们这边就把它设成false。

接着在下方写以下这段

Toggle("switch", isOn: $isSwitchOn)
    .labelsHidden()
    .padding()

这样就可以让开关动起来了！

显示文字

接下来我们将文字天加上去。（并且请放在toggle 之上）

Text(isSwitchOn ?"好帅":"不帅")
    .font(.largeTitle)

这边翻译一下意思

Text(isSwitchOn ? true: false)
    .font(.largeTitle)

冒号左边为true的时候；相反，冒号右边为false。

加上图片

我们这边一样使用内建的图片库

先上code：

Image(systemName: "person.fill")
    .font(.system(size: 100))
    .foregroundColor(isSwitchOn ? Color("pppink"):.purple )

这边用foregroundColor 做切换颜色，一样使用isSwitchOn做判断。并且我们一样可以用之前设好的颜色。

设定两组以上

我们先直接看看直接设定两组会发生什麽事情。

上下两组会一起同步。

为了解决这个问题，我们这边再设定一组SwitchOn就可以把它解决了。

总结

今天学了toggle，我记得我一开始学的时候不知道为何它动不了，後来爬了网路才发现，原来他必须设一个布林值的变量。