SwiftUI—快速制作一个缩放动画

简介: SwiftUI—快速制作一个缩放动画

使用SwiftUI制作动画是非常简单和快速的。


本节通过scaleEffect和Animation方法,实现default类型的缩放动画。


示例代码:


struct ContentView : View {
    @State var factor: CGFloat = 1 //图像视图的缩放比例
    var body: some View {
        VStack{
            Image("logo")
                .scaleEffect(factor)    //设置Image的缩放比例为factor
                .animation(.default) //给Image添加default类型的动画效果,也就是时间曲线为默认,线性变化的动画
            Divider().fixedSize() //添加一个分割线视图,以分隔图像视图和下方的按钮
            Button(action: {
                self.factor += 0.2  //当按钮点击时增加Image的缩放比例
            }) {
                Text("Zoom in")
            }
        }
    }
}


微信图片_20220523164846.png

目录
相关文章
|
存储 iOS开发
SwiftUI极简教程17:Gestures手势的使用
SwiftUI极简教程17:Gestures手势的使用
999 0
SwiftUI极简教程17:Gestures手势的使用
|
6月前
|
存储 Swift
大师学SwiftUI第18章Part3 - 自定义视频播放器
录制和播放视频对用户来说和拍照、显示图片一样重要。和图片一样,Apple框架中内置了播放视频和创建自定义播放器的工具。
318 0
|
11月前
|
存储 监控 数据库
大师学SwiftUI第18章Part2 - 存储图片和自定义相机
在前面的示例中,我们在屏幕上展示了图片,但也可以将其存储到文件或数据库中。另外有时使用相机将照片存储到设备的相册薄里会很有用,这样可供其它应用访问。UIKit框架提供了如下两个保存图片和视频的函数。 •
374 0
|
6月前
|
API iOS开发 UED
SwiftUI 设计
SwiftUI 设计
76 2
|
存储 监控 vr&ar
大师学SwiftUI第18章Part1 - 图片选择器和相机
如今,个人设备主要用于处理图片、视频和声音,苹果的设备也不例外。SwiftUI可以通过Image视图显示图片,但需要其它框架的支持来处理图片、在屏幕上展示视频或是播放声音。本章中我们将展示Apple所提供的这类工具。
310 1
|
6月前
|
存储 监控 算法
大师学SwiftUI第12章 - 手势 Part 1
手势是用户在屏幕上执行的动作,如点击、滑动或捏合。这些手势很难识别,因为屏幕上只能返回手指的位置。为此,Apple提供了手势识别器。手势识别器完成所有识别手势所需的计算。所以我们不用处理众多的事件和值,只需在等待系统监测到复杂手势时发送通知并进行相应处理即可。
77 0
|
6月前
|
存储 编解码 vr&ar
大师学SwiftUI第12章 - 手势 Part 2
放大手势常被称为捏合手势,因为常常在用户张开或捏合两个手指时进行识别。通常这个手势实现用于让用户放大或缩小图片。
69 0
|
程序员 索引
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
1057 0
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
|
存储 索引
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
659 0
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
|
Swift iOS开发
SwiftUI极简教程01:搭建一个新项目&Text文字的使用
SwiftUI极简教程01:搭建一个新项目&Text文字的使用
599 1
SwiftUI极简教程01:搭建一个新项目&Text文字的使用