如何解决一个渐变到另一个 SwiftUI 的动画过渡
我试图根据状态值的值来改变背景的梯度,这应该是可能的,而且确实如此。但是,我想为渐变/背景的这种变化设置动画(当属性依赖于某种过渡时,您经常会这样做)。所以我尝试设置一个三元运算符,将背景更改为不同的渐变,带有动画/过渡。背景确实发生了变化,但没有平滑的过渡,只是一个剧烈的变化。这是我创建的一个最小的工作示例来说明问题:
import SwiftUI
// Based on https://nerdyak.tech/development/2019/09/30/animating-gradients-swiftui.html
struct ContentView: View {
@State var animCheck: Bool = false
var body: some View {
vstack {
Button(action: {
self.animCheck = true
}){
Text("Change gradient")
}
Button(action: {
}){
Text("random button")
.background(self.animCheck == true ? LinearGradient(gradient: Gradient(colors: [.white,.green]),startPoint: .leading,endPoint: .trailing).transition(.slide).animation(.spring()) : LinearGradient(gradient: Gradient(colors: [.black,.orange]),endPoint: .trailing).transition(.slide).animation(.spring()) )
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
有什么办法可以解决这个问题/在这里创建动画背景更改的预期效果? 谢谢。
解决方法
我们需要为容器设置动画才能使转换工作,所以这里有一个解决方案:
Text("random button")
.background(
VStack {
if self.animCheck {
LinearGradient(gradient: Gradient(colors: [.white,.green]),startPoint: .leading,endPoint: .trailing)
.transition(.slide)
} else {
LinearGradient(gradient: Gradient(colors: [.black,.orange]),endPoint: .trailing)
.transition(.slide)
}
}.animation(.spring()))
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。