SwiftUI—如何以动画的方式显示或隐藏指定的位图

2020-07-14  本文已影响0人  anny_4243

原文链接: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()
    }
}
上一篇 下一篇

猜你喜欢

热点阅读