[SwiftUI]二、实用控件-(6)使用Toggle开关控件开启或取消某个选项 ...

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https:////www.cnblogs.com/strengthen/p/12292698.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

Toggle开关控件的使用非常普遍，例如手机设置页面的蓝牙和飞行模式等功能的选项开关。

主要用于标识是否选择某个选项，或者是否激活某项功能。

 1 import SwiftUI
 2 
 3 struct ContentView : View
 4 {
 5     //首先添加一个布尔类型的属性，并设置它的初始值为真。
 6     //该属性拥有@State绑定包装标记，标示该属性将和开关控件进行数据绑定。
 7     @State var showNotification = true
 8 
 9     var body: some View
10     {
11         VStack
12         {
13             //修改此处的文本视图，作为形状控件的标签。
14             Text("Show Notification: ")
15                 //通过扩展方法，添加另一个文本视图，该文本视图用来显示布尔属性的值。
16             + Text("\(self.showNotification.description)")
17                 //设置文本视图的字体颜色为绿色
18                 .foregroundColor(.green)
19                 //并加粗显示文字的内容。
20                 .bold()
21                 
22             //添加一个开关控件，并将它和布尔属性进行绑定，用户调整开关控件时，该属性的值也将同步发生变化。
23             Toggle(isOn: $showNotification)
24             {
25                 //添加文本视图
26                 Text("Show notification:")
27             }
28                 //设置VStack视图的内边距，
29                 //使界面元素和屏幕的左右两侧保持一定的距离。
30             .padding()
31         }
32     }
33 }
34 
35 #if DEBUG
36 struct ContentView_Previews : PreviewProvider {
37     
38     static var previews: some View {
39         ContentView()
40     }
41 }
42 #endif