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



目录
相关文章
|
3月前
|
Android开发
Flutter控件的显示与隐藏
Flutter控件的显示与隐藏
152 3
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
679 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
3月前
Framer 使用滚动变体创建动画
Framer 使用滚动变体创建动画
37 0
|
3月前
|
前端开发 图形学
小功能⭐️3DCanvas交互方法、Unity自动调整文本框大小、改变文字大小和颜色
小功能⭐️3DCanvas交互方法、Unity自动调整文本框大小、改变文字大小和颜色
|
6月前
|
定位技术 iOS开发
在地图页面,自动布局控件开始是隐藏或在屏幕外需要正常显示时再为正常的显示状态的,需要在显示之前加入
在地图页面,自动布局控件开始是隐藏或在屏幕外需要正常显示时再为正常的显示状态的,需要在显示之前加入
50 0
|
存储 图形学
|
XML Android开发 数据格式
Android控件显示、隐藏时,增加动画效果
Android控件显示、隐藏时,增加动画效果
498 0
Android控件显示、隐藏时,增加动画效果
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
825 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
|
C++
duilib corner属性的贴图技巧——让图片自动贴到控件的的某一边或者一角并自适应控件的大小
转载请说明原出处,谢谢~~          Duilib给控件贴图功能可以附带多个属性,各个属性的配合可以达到许多效果。以下是duilib支持的所有贴图属性: 贴图描述:          Duilib的表现力丰富很大程度上得益于贴图描述的简单强大。
1815 0
SwiftUI—使用ScrollView在限定的区域显示超长的内容
SwiftUI—使用ScrollView在限定的区域显示超长的内容
428 0
SwiftUI—使用ScrollView在限定的区域显示超长的内容