Ios 在动画中使用easeIn,然后按顺序缩放动画,因为缩放动画将永远重复

Ios 在动画中使用easeIn,然后按顺序缩放动画,因为缩放动画将永远重复,ios,swift,xcode,swiftui,Ios,Swift,Xcode,Swiftui,我想要一个文字信息和SF符号的easeIn/moveUp动画。此后,我只希望SF符号永远上下缩放。目前,我已经成功地实现了永远向上向下的缩放,但当我成功地进行链接时,easeIn/moveUp动画也会永远重复自己,当它出现时,应该只重复一次 这就是我的应用程序表示的样子: 我在下面包含了一段pin动画代码: HStack (spacing: 20) { Image(systemName: "pin")

我想要一个文字信息和SF符号的easeIn/moveUp动画。此后,我只希望SF符号永远上下缩放。目前,我已经成功地实现了永远向上向下的缩放,但当我成功地进行链接时,easeIn/moveUp动画也会永远重复自己,当它出现时,应该只重复一次

这就是我的应用程序表示的样子:

我在下面包含了一段pin动画代码:

                HStack (spacing: 20) {
                    Image(systemName: "pin")
                        .foregroundColor(.red)
                        .font(.title2)
                        .padding(.trailing, 5)
                        .scaleEffect(animationAmount)
                        .onAppear {
                            let baseAnimation = Animation.easeInOut(duration: 1)
                            let repeated = baseAnimation.repeatForever(autoreverses: true)
                            return withAnimation(repeated) {
                                self.animationAmount = 1.5
                            }
                        }
                    VStack (alignment: .leading) {
                        Text("Pin favourites").fontWeight(.semibold)
                        Text("You can pin your favourite content on all devices")
                            .foregroundColor(.gray)
                    }
                    Spacer()
                }//HStack 2

完整代码见下页:

您可以使用值加入动画,如下所示

.scaleEffect(animationAmount)
.animation(Animation.easeInOut(duration: 1).repeatForever(autoreverses: true), value: animationAmount)
.onAppear {
    self.animationAmount = 1.5
}
此外,由于现在动画和状态是唯一连接的,并且不会与其他动画/状态冲突,因此可以将最后两个修改器移动到最顶部的容器(而不是重复三次)

例如:

}//VStack for 3 criterias
.padding([.leading, .trailing], 20)
.animation(Animation.easeInOut(duration: 1).repeatForever(autoreverses: true), value: animationAmount)
.onAppear {
    self.animationAmount = 1.5
}