SwiftUI 更改和动画前景色

Question

我是 swiftUI 的新手，我正在尝试将蓝色视图 flash 显示为绿色半秒钟，然后将 go 恢复为蓝色。 我尝试了多种方法。 我尝试将颜色设置为 state 变量，但这不起作用。 在下面的当前代码中，视图只是保持蓝色。 当前实施

Answer 1

您可以使用 State 变量来做到这一点

@State private var color = Color.red
  var body: some View {

      Circle()
        .aspectRatio(contentMode: .fit)
        .foregroundColor(color)
      .onAppear {
        withAnimation(.easeInOut(duration: 4)) {
           self.color = Color.blue

        }
        DispatchQueue.main.asyncAfter(deadline: .now() + 4.0) {
            withAnimation(.easeInOut(duration: 4)){self.color = Color.red }
        }


    }
  }

Answer 2

我写了这个，但它似乎跳过了第一个 animation。

@State private var color = Color.blue

var body: some View {
    Circle()
    .aspectRatio(contentMode: .fit)
    .foregroundColor(color)
        .onAppear {
            withAnimation(.easeInOut(duration: 2)) {
                self.color = Color.green
            }
            withAnimation(
                Animation.easeInOut(duration: 2)
                    .delay(2)
                ) {
                self.color = Color.blue
            }
    }
}