Ios 满足条件时 SwiftUI 动画背景 colored颜色变化

发布于07月13日

我试图改变Text组件的背景色，只要满足给定条件，在本例中，当numberOfTaps = 3时，我可以通过在.background属性调用中设置条件来实现

我想做的是用一个动画来改变背景，没什么特别的，大概.easeInOut个就行了；我该怎么做？

import SwiftUI

struct ContentView: View {
    @State private var numberOfTaps = 0
    
    var body: some View {
        VStack {
            Button("Up") {
                numberOfTaps += 1
            }
            
            Text("\(numberOfTaps)")
                .padding()
                .background(numberOfTaps == 3 ? Color.blue : Color.green)
            
            Button("Down") {
                numberOfTaps -= 1
            }
        }
    }
}

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

以下是当前用户界面的示例:

推荐答案

我已经改变了你的身体.让我们try 一下easeInOut动画:-

var body: some View {
        VStack {
            Button {
                numberOfTaps += 1
                color = (numberOfTaps == 3) ? Color.blue: Color.green
            } label: {
                Text("Up")
            }
            Text("\(numberOfTaps)")
                .padding()
                .background(color.animation(.easeInOut))
            
            Button {
                numberOfTaps -= 1
                color = (numberOfTaps == 3) ? Color.blue: Color.green
            } label: {
                Text("Down")
            }
        }
    }