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

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

本节课演示如何以动画的方式显示或隐藏指定的位图,该功能在日常的开发工作里很常见。


示例代码:


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()
    }
}


2466108-c5090ff0cee07d57.gif



目录
相关文章
|
Shell Linux Apache
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
2734 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
SwiftUI—方便用户选择日期的DatePicker日期拾取器
1881 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
SwiftUI—如何制作循环动画并指定动画的循环次数
SwiftUI—如何制作循环动画并指定动画的循环次数
793 0
SwiftUI—如何制作循环动画并指定动画的循环次数
|
网络协议 iOS开发
iOS 给服务器添加 ipv6 支持 以通过苹果审核
iOS 给服务器添加 ipv6 支持 以通过苹果审核
226 0
|
iOS开发
Xcode 10.2.1 Error:Multiple commands produce问题及解决方案
Xcode 10.2.1 Error:Multiple commands produce问题及解决方案
1396 0
|
前端开发 rax Linux
汇编语言与x64函数参数传递
汇编语言与x64函数参数传递
427 0
|
Kubernetes Cloud Native Linux
云原生|kubernetes|kubernetes集群部署神器kubekey安装部署高可用k8s集群(半离线形式)
云原生|kubernetes|kubernetes集群部署神器kubekey安装部署高可用k8s集群(半离线形式)
507 1
|
缓存 JavaScript 前端开发
TypeScript 类的基础:从定义到实例化,让你快速掌握(一)
TypeScript 类的基础:从定义到实例化,让你快速掌握
|
移动开发 JavaScript Android开发
iOS12网页视频播放点击全屏按钮会导致闪退
iOS12网页视频播放点击全屏按钮会导致闪退
442 0
|
测试技术 TensorFlow 算法框架/工具
NSFW 图片分类
NSFW指的是 **不适宜工作场所**("Not Safe (or Suitable) For Work;")。在本文中,将介绍如何创建一个检测NSFW图像的图像分类模型。
365 0