为有牺牲多壮志,敢教日月换新天。

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

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝(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

 

posted @ 2020-02-10 20:54  为敢技术  阅读(552)  评论(0)    收藏  举报