代码之家 › 专栏 › 技术社区 › Frakcool

满足条件时,SwiftUI动画背景颜色更改

swiftui animation swift ios

Frakcool · 技术社区 · 2 年前

我正在尝试更改 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()
    }
}

2 回复 | 直到 2 年前

Hussain Shabbir 2 年前

我已经改变了你的身体。让我们尝试一下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")
            }
        }
    }

注意:-您可以使用不同的动画属性进行播放,例如easeIn,

tail 2 年前

import SwiftUI

struct ContentView: View {
@State private var numberOfTaps = 0

var body: some View {
    VStack {
        Button("Up") {
            //put your condition inside this wrap
            withAnimation(.easeInOut) {
                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()
}
}

推荐文章

chitgoks · Swift 5中的NSAttributedString发生了什么?大胆不起作用?

2 年前

Laura Corssac · 转换在NavigationView中不起作用

2 年前

Steven-Carrot · 自定义选取器的出现会导致其他视图重新排列

2 年前

sizzyd · XCode IOS如何摆脱主屏幕上的后退按钮?

2 年前

Frakcool · 满足条件时,SwiftUI动画背景颜色更改

2 年前

lhunt · '调用中缺少参数'hideNew'

2 年前

Oscar Apeland · 迁移到UIKit生命周期的应用程序不调用SceneDelegate

2 年前

kissues · SwiftUI列表中神秘的前导/尾随填充?

2 年前

TruMan1 · 如何在菜单式文件应用程序中建立排序方向?

2 年前

Chocord Coder · OpenWeatherMap API小时预测不可用

2 年前