在这个主题上进行了大量研究后，我找到了两种解决方法。每种方法都有其优缺点。
动画方式
对于你的问题有一个直接的答案。它不够优雅，因为它依赖于您以冗余的方式输入时间。
像这样向Animation添加一个reverse函数：
extension Animation {
func reverse(on: Binding<Bool>, delay: Double) -> Self {
DispatchQueue.main.asyncAfter(deadline: .now() + delay) {
on.wrappedValue = false
}
return self
}
}
使用此扩展，您可以创建一个文本，在按下按钮后缩放并再次缩小，如下所示：
struct BlinkingText: View {
@State private var isBlinking: Bool = false
var body: some View {
VStack {
Button {
isBlinking = true
} label: {
Text("Let it blink")
}
.padding()
Text("Blink!")
.font(.largeTitle)
.foregroundColor(.red)
.scaleEffect(isBlinking ? 2.0 : 1.0)
.animation(Animation.easeInOut(duration: 0.5).reverse(on: $isBlinking, delay: 0.5))
}
}
}
这还不够完美，所以我进行了更多的研究。
转换方式
实际上，SwiftUI 提供了两种平滑地从一个外观（视觉表示，...你可以称之为任何名称）转换到另一个外观的方法。
- 动画是专门设计用来从一个视图转换到同一视图的另一个外观。（相同=相同的结构，不同的实例）
- 转换是用来通过淡出旧视图并淡入另一个视图来从一个视图转换到另一个视图的。
因此，这里有另一个使用转换的代码片段。hacky 部分是 if-else，它确保一个视图消失并出现另一个视图。
struct LetItBlink: View {
@State var count: Int
var body: some View {
VStack {
Button {
count += 1
} label: {
Text("Let it blink: \(count)")
}
.padding()
if count % 2 == 0 {
BlinkingText(text: "Blink Blink 1!")
} else {
BlinkingText(text: "Blink Blink 2!")
}
}
.animation(.default)
}
}
private struct BlinkingText: View {
let text: String
var body: some View {
Text(text)
.foregroundColor(.red)
.font(.largeTitle)
.padding()
.transition(AnyTransition.scale(scale: 1.5).combined(with: .opacity))
}
}
通过组合转换，您可以创建漂亮且有趣的“动画”。
我的个人意见是什么？
- 两者都不完美优雅，看起来有些“hacky”，要么是由于延迟管理，要么是由于
if-else。为SwiftUI添加链接动画的可能性将有所帮助。
- 过渡效果看起来更加可定制化，但这取决于实际需求。
- 两者都是必要的。添加默认动画是我做的第一件事情之一，因为它们使应用程序看起来和感觉顺畅。
