本节课演示如何以动画的方式显示或隐藏指定的位图,该功能在日常的开发工作里很常见。
示例代码:
struct ContentView : View { @State var showingPassword = false //标识是否显示或隐藏指定的视图 @State var password = "" //作为和密码输入框进行绑定的状态属性 var body: some View { VStack { Toggle(isOn: $showingPassword.animation(.spring())) { //用来切换密码输入框的显示和隐藏,给布尔属性添加动画效果,这样当布尔属性的值发生变化时,将以弹性样式的时间曲线播放动画 Text("Toggle Password") } if showingPassword { TextField("Password", text: $password) .padding() .border(Color.green, width: 1) } } .padding() } }