原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC8%E8%8A%82togglevisibility-
本节课演示如何以动画的方式显示或隐藏指定的位图,该功能在日常的开发工作里很常见。
示例代码:
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()
}
}

网友评论