SwiftUI—制作渐缓时间曲线的位移动画

简介: SwiftUI—制作渐缓时间曲线的位移动画

通过offset、animation方法,实现easeOut类型的位移动画,并设置动画的时长为2秒,位移动画以减缓的时间曲线进行。


示例代码:


struct ContentView : View {
    @State var distance: Double = 0 //图像视图的位移距离
    var body: some View {
        VStack{
            Image("logo")
                .offset(x: 0, y: CGFloat(distance)) //按照属性的大小,在垂直方向上移动视图
                .animation(.easeOut(duration: 2)) //设置动画的时长为2秒,动画的时间曲线为easeOut渐缓,也就是说在指定距离的位移动画中,刚开始的位移速度较快,动画快要结束时的位移速度较慢
            Divider().fixedSize()
            Button(action: {
                self.distance -= 120 //当按钮被点击时,将属性的值减少120,也就是将图像视图向上移动120点的距离
            }) {
                Text("Move Effect")
            }
        }
    }
}


2466108-9d0cd9b47d9127f3.gif



目录
相关文章
|
人工智能 决策智能 iOS开发
新Siri解锁万能Agent?魔搭开源移动端框架Mobile-Agent-v2抢先体验!
在刚结束的苹果全球开发者大会WWAC上,Apple家族AI全家桶 「Apple Intelligence」亮相,库克宣布个人智能系统将应用于新版本的 iPhone、iPad 和 Mac 操作系统。
|
iOS开发
mac不通过Xcode直接打开IOS模拟器
mac不通过Xcode直接打开IOS模拟器
560 24
|
自然语言处理 程序员 开发工具
iOS生成Bundle 资源文件包与使用
iOS生成Bundle 资源文件包与使用
628 0
|
iOS开发 开发者 容器
实战编程·使用SwiftUI从0到1完成一款iOS笔记App(二)(2)
实战编程·使用SwiftUI从0到1完成一款iOS笔记App(二)
229 0
|
SQL 分布式计算 调度
在MaxCompute中,你可以通过SQL语句来查询和导出实例的运行状态和时间等信息
在MaxCompute中,你可以通过SQL语句来查询和导出实例的运行状态和时间等信息
230 5
|
iOS开发 开发者
iOS 分发证书过期或手动吊销,会影响 App 的下架吗?
iOS 分发证书过期或手动吊销,会影响 App 的下架吗?
Echarts实战案例代码(9):图表纹理填充的解决方案(柱图为例)
Echarts实战案例代码(9):图表纹理填充的解决方案(柱图为例)
2271 0
|
XML JSON API
常用iOS的第三方框架
图像:1.图片浏览控件MWPhotoBrowser       实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图片或者是网络图片,可自动从网络下载图片并进行缓存。可对图片进行缩放等操作。      下载:https://github.com/mwaterfall/MWPhotoBrowser目前比较活跃的社区仍旧是Github,除此以外也有一些不错的库散落在Goog
7716 0
|
网络安全 开发工具 git
mac下用git客户端生成ssh秘钥并配置到souretree进行使用
mac下用git客户端生成ssh秘钥并配置到souretree进行使用
773 0
|
监控 NoSQL 数据可视化
一文带您了解Go异步任务处理解决方案:Asynq
一文带您了解Go异步任务处理解决方案:Asynq
776 0