欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

SwiftUI 动画之如何连续重复播放一组动画

程序员文章站 2022-03-16 16:13:27
...

实战需求

我有一组动画希望反复播放,在SwiftUI中该如何实现?

本文价值与收获

看完本文后,您将能够作出下面的界面

SwiftUI 动画之如何连续重复播放一组动画

看完本文您将掌握的技能

  • 掌握Animation基础使用
  • 实现动画重复播放
  • 实现Text放大和缩小

代码

import SwiftUI

struct ContentView : View {
    @State var size: CGFloat = 0.5

    var repeatingAnimation: Animation {
           Animation.linear(duration: 0.3)
           .repeatForever()
    }

    var body: some View {
        Text("您好,我会动哟")
            .padding()
            .scaleEffect(size)
            .onAppear() {
                withAnimation(self.repeatingAnimation) { self.size = 1.3 }
        }
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}


技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470