欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Toggle 开关按钮组件(SwiftUI中文文档手册)

程序员文章站 2024-03-24 15:04:46
...

Toggle

在打开和关闭状态之间切换的控件。

struct Toggle<Label> where Label : View

###总览
您可以通过提供绑定和标签来创建切换。绑定到布尔属性,该属性确定切换是打开还是关闭。将标签设置为在视觉上描述切换状态之间切换目的的视图。例如:isOnisOn

@State private var vibrateOnRing = false

var body: some View {
    Toggle(isOn: $vibrateOnRing) {
        Text("Vibrate on Ring")
    }
}

对于纯文本标签的常见情况,可以使用便捷初始化程序,该初始化程序将标题字符串(或本地化的字符串键)作为其第一个参数,而不是尾随闭包:

@State private var vibrateOnRing = true

var body: some View {
    Toggle("Vibrate on Ring", isOn: $vibrateOnRing)
}

设置Style

您可以通过创建符合协议的样式来自定义切换的外观和交互。要为视图中的所有切换实例设置特定样式,请使用修饰符:ToggleStyletoggleStyle(_????

VStack {
    Toggle("Vibrate on Ring", isOn: $vibrateOnRing)
    Toggle("Vibrate on Silent", isOn: $vibrateOnSilent)
}
.toggleStyle(SwitchToggleStyle())

主题

创建一个切换

1、init(isOn: Binding, label: () -> Label)
创建一个显示自定义标签的切换开关。
2、init(S, isOn: Binding)
创建一个切换,该切换从字符串生成其标签。
当可用Label的Text。
3、init(LocalizedStringKey, isOn: Binding)
创建一个切换,该切换从本地化的字符串键生成其标签。
当可用Label的Text。
4、init(ToggleStyleConfiguration)
基于切换样式配置创建一个切换。
当可用Label的。ToggleStyleConfiguration.Label


样式切换

5、protocol ToggleStyle
一种类型,指定视图层次结构中所有切换的外观和交互。
6、struct DefaultToggleStyle
默认的切换样式。
7、struct SwitchToggleStyle
显示前导标签和尾随开关的切换样式。
8、struct CheckboxToggleStyle
一种切换样式,显示一个复选框及其后的标签。
9、func toggleStyle(S) -> some View
设置此视图中的切换样式。

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470