zl程序教程

您现在的位置是:首页 >  其他

当前栏目

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

中文文档组件 手册 按钮 SwiftUI 开关 Toggle
2023-09-11 14:18:48 时间

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