SwiftUI—如何制作循环动画并指定动画的循环次数

简介: SwiftUI—如何制作循环动画并指定动画的循环次数

在SwiftUI中,您可以非常方便地制作重复动画,反转动画,甚至可以指定动画的播放次数。


示例代码:


struct ContentView : View {
    @State var angle: Double = 0 //图像视图的旋转角度
    var animation: Animation {
        Animation.spring() //设置动画的时间曲线为弹性样式
             .repeatForever() //设置动画的播放为无限循环模式
//            .repeatForever(autoreverses: false) //使动画来回反弹
//            .repeatCount(3) //重复次数
    }
    var body: some View {
        VStack{
            Image("logo")
                .rotationEffect(Angle.init(degrees: angle)) //按照属性的大小,对图像视图进行旋转操作
                .animation(animation)
            Divider().fixedSize()
            Button(action: {
                self.angle += 45
            }) {
                Text("Repeat Forever Effect")
            }
        }
    }
}


2466108-688e748d14156fc5.gif


目录
相关文章
|
4月前
|
前端开发 JavaScript API
2022年了!还在用定时器实现动画?赶紧试试requestAnimationFrame吧!
2022年了!还在用定时器实现动画?赶紧试试requestAnimationFrame吧!
|
7月前
|
容器
css3卡片前后无限循环翻转效果
css3卡片前后无限循环翻转效果
41 0
图片循环滚动代码-附效果图
图片循环滚动代码-附效果图
|
XML 图形学 数据格式
Animation组合动画踩坑-实现循环播放动画,可控制次数
Animation组合动画踩坑-实现循环播放动画,可控制次数
多个动画次序播放
多个动画次序播放
44 0
|
JavaScript 开发者
动画-小球动画每次重新开始的位置说明|学习笔记
快速学习动画-小球动画每次重新开始的位置说明
59 0
|
JavaScript 开发者
动画-小球动画 flag 标识符的作用分析|学习笔记
快速学习动画-小球动画 flag 标识符的作用分析
133 0
动画-小球动画 flag 标识符的作用分析|学习笔记
|
JavaScript 开发者
动画-小球动画flag标识符的作用分析|学习笔记
快速学习动画-小球动画flag标识符的作用分析
81 0
动画-小球动画flag标识符的作用分析|学习笔记
|
JavaScript 前端开发 API
我用最蹩脚的方式写了一个「序列帧动画」 🍂
我用最蹩脚的方式写了一个「序列帧动画」 🍂
128 0
SwiftUI—如何修改动画的播放速度和延迟时间
SwiftUI—如何修改动画的播放速度和延迟时间
260 0
SwiftUI—如何修改动画的播放速度和延迟时间