swift - 在 SwiftUI 中连续重复操作

Question

如何使文本字段等元素连续放大然后缩小？

我有这个:

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

    var body: some View { 
        ZStack {
            Text("Hello!")
                 .padding()
                 .scaleEffect(size)
        }
    }
}

我知道我需要增加大小然后在某种循环中减少它，但在 SwiftUI 中无法完成以下操作:

while true {

  self.size += 0.8
  sleep(0.2)
  self.size -= 0.8

}

Answer 1

一个可能的解决方案是使用(重复、自动反转)动画:

struct ContentView : View {
    @State var size: CGFloat = 0.5
    
    var repeatingAnimation: Animation {
        Animation
            .easeInOut(duration: 2) //.easeIn, .easyOut, .linear, etc...
            .repeatForever()
    }

    var body: some View {
        Text("Hello!")
            .padding()
            .scaleEffect(size)
            .onAppear() {
                withAnimation(self.repeatingAnimation) { self.size = 1.3 }
        }
    }
}