美文网首页
SwiftUI—如何制作循环动画并指定动画的循环次数

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

作者: anny_4243 | 来源:发表于2020-07-14 19:55 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC7%E8%8A%82repeating-

    在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")
                }
            }
        }
    }
    
    image

    相关文章

      网友评论

          本文标题:SwiftUI—如何制作循环动画并指定动画的循环次数

          本文链接:https://www.haomeiwen.com/subject/sanfhktx.html