最近有需求给新增的Item添加一个闪烁2S的动画效果,方便用户知道是新增的内容。
struct AnimationView: View {
@State private var StartColor = Color.red
var animation: Animation
{
//设置动画闪烁的速度、和闪烁的次数
Animation.easeInOut(duration: 0.1).repeatCount(100)
}
var body: some View {
VStack {
Rectangle()
.frame(width: 200, height: 60)
.offset(x: 0)
.foregroundColor(StartColor)
.animation(animation)
}.onAppear(){
//闪烁结束后的颜色
StartColor = Color.green
}
}
}