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



目录
相关文章
|
6月前
|
前端开发 图形学
小功能⭐️3DCanvas交互方法、Unity自动调整文本框大小、改变文字大小和颜色
小功能⭐️3DCanvas交互方法、Unity自动调整文本框大小、改变文字大小和颜色
|
6月前
Framer 使用滚动变体创建动画
Framer 使用滚动变体创建动画
66 0
|
9月前
|
定位技术 iOS开发
在地图页面,自动布局控件开始是隐藏或在屏幕外需要正常显示时再为正常的显示状态的,需要在显示之前加入
在地图页面,自动布局控件开始是隐藏或在屏幕外需要正常显示时再为正常的显示状态的,需要在显示之前加入
63 0
|
9月前
LabVIEW通过编程将图形类控件的X轴显示为时间戳
LabVIEW通过编程将图形类控件的X轴显示为时间戳
77 0
|
编译器 API 图形学
【unity细节】基于unity子对象(如相机)为什么无法进行z轴的拖拽移动和z轴自动归位的问题
【unity细节】基于unity子对象(如相机)为什么无法进行z轴的拖拽移动和z轴自动归位的问题
174 0
An动画基础之散件动画原理与形状提示点
An动画基础之散件动画原理与形状提示点
941 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
861 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
|
计算机视觉
Qt实用技巧:Qt设计器中QIcon的缩放(qss的放大和QIcon自动缩小(无法自动放大))
Qt实用技巧:Qt设计器中QIcon的缩放(qss的放大和QIcon自动缩小(无法自动放大))
Qt实用技巧:Qt设计器中QIcon的缩放(qss的放大和QIcon自动缩小(无法自动放大))
SwiftUI—如何将Picker转换为分段拾取器
SwiftUI—如何将Picker转换为分段拾取器
220 0
SwiftUI—如何将Picker转换为分段拾取器

热门文章

最新文章