SwiftUI—使用Toggle开关控件开启或取消某个选项

简介: SwiftUI—使用Toggle开关控件开启或取消某个选项

Toggle相当于UIKit中的UIToggle,用于实现选项开关(开户或关闭)的功能,Toggle开关控件的使用非常普遍,例如手机设置页面的蓝牙和飞行模式等功能的选项开关。主要用于标识是否选择某个选项,或者是否激活某项功能。


示例代码:


struct ContentView : View {
    @State var showNotification = true
    var body: some View {
        VStack {
            Text("Show Notification: ")
            + Text("\(self.showNotification.description)") //通过扩展方法,添加另一个文本视图,该文本视图用来显示布尔属性的值
                .foregroundColor(.green)
                .bold()
            Toggle(isOn: $showNotification) { //添加一个开关控件,并将它和布尔属性进行绑定。当用户调整开关控件时,该属性的值也将同步发生变化
                Text("Show notification:")
            }.padding()
        }
    }
}


2466108-6cf9ef01d7495942.webp.jpg


目录
相关文章
|
6月前
|
JavaScript 前端开发
Bootstrap-Switch开关控件使用指南
Bootstrap-Switch开关控件使用指南
输入框禁用状态 可清空输入框如何实现?组件写的
输入框禁用状态 可清空输入框如何实现?组件写的
|
开发者
jeDate日期控件的使用以及选中后点确定按钮关闭功能
jeDate日期控件的使用以及选中后点确定按钮关闭功能
158 0
|
XML Java 数据格式
干货一:通过自定义PopupWindow实现QQ菜单选项功能
干货一:通过自定义PopupWindow实现QQ菜单选项功能
90 0
|
JavaScript 开发者
组件切换-应用切换动画和 mode 方式|学习笔记
快速学习组件切换-应用切换动画和 mode 方式
124 0
组件切换-应用切换动画和 mode 方式|学习笔记
|
JavaScript
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
1、问题举例描述: radio-group 标签组设置默认选择checked: ‘true’,选择了单选按钮的非默认选项(场外),再点击其他的选择(手续费率),单选按钮又会变成默认的选项(场内) 默认状态如下:
533 0
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
|
JavaScript 前端开发
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令
QT应用编程: QTableWidget删除选中的多行与全选、取消全选
QT应用编程: QTableWidget删除选中的多行与全选、取消全选
1089 0
QT应用编程: QTableWidget删除选中的多行与全选、取消全选
|
存储
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
476 0
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态