gpt4 book ai didi

ios - 如何在 Swift 中按顺序为一组 ImageView 设置动画?

转载 作者:行者123 更新时间:2023-11-28 05:44:09 27 4
gpt4 key购买 nike

我一直在尝试解决这个问题一段时间,但无济于事。基本上,我有一个 UIImageViews 数组,我想按顺序逐一设置动画。现在,它们都正确但同时进行了动画处理。此外,我希望底部的代码仅在所有动画完成后执行,因为现在它似乎是同时执行的。我是 swift 的新手,所以我想我不完全理解 for 循环是如何工作的?在我看来,这段代码应该循环遍历数组中的所有 ImageView ,并且只有在它完成后才应该执行底部的代码。应在循环的每次迭代中调用 highlightCards 方法,但这似乎也没有发生。我知道随着移动正确的图像,阵列已正确启动。

代码如下:

playedCards 是一个带有卡片索引的整数数组

game.board 是一组卡片对象 (UIImageView)

highlightCards() 只是高亮当前可玩的牌

完成 block 中的代码仅用于物流,我知道它工作正常

“设置新游戏”注释下的代码是所有动画完成后才应该执行的代码

for i in 0..<game.playedCards.count {
// update highlights
self.highlightCards()

// animate cards off screen
let endPoint: CGPoint = CGPoint(x: 1000, y: 250 )

UIViewPropertyAnimator.runningPropertyAnimator(withDuration: 3, delay: 2, options: UIView.AnimationOptions.curveEaseInOut, animations: {
() -> Void in
self.game.board[self.game.playedCards[i]].center = endPoint
}, completion: {
(Bool) -> Void in
self.game.board[self.game.playedCards[i]].removed = true
self.game.board[self.game.playedCards[i]].removeFromSuperview()
self.currentCardCount = self.currentCardCount - 1
})
}

// set up next turn
game.blueTurn = !game.blueTurn
self.setBackground()
self.setSuitIndicators()
self.highlightCards()

最佳答案

您走在正确的轨道上!这里唯一的问题是动画函数异步运行——这意味着它不会等到前一个事物完成动画后再进入下一个循环。

您已经完成了使用 completion 闭包的部分过程。但是,如果您想在上一个项目完成之后等待为下一个项目设置动画,您基本上必须找到一种方法来再次运行您的属性动画师在完成 block 内。

执行此操作的最佳方法是提取对函数的属性动画调用。然后它使这变得简单!

// This is a function that contains what you've included in your code snippet.
func animateCards() {

// update highlights
highlightCards()

// animate cards off screen
let endPoint: CGPoint = CGPoint(x: 1000, y: 250)
recursivelyAnimateCard(at: game.playedCards.startIndex, to: endPoint) {

//set up next turn
self.game.blueTurn = !self.game.blueTurn
self.setBackground()
self.setSuitIndicators()
self.highlightCards()
}
}

// This function replicates your for-loop that animates everything.
func recursivelyAnimateCard(at index: Int, to endPoint: CGPoint, completion: () -> Void) {

// If this triggers, we've iterated through all of the cards. We can exit early and fire off the completion handler.
guard game.playedCards.indices.contains(index) else {
completion()
return
}

UIViewPropertyAnimator.runningPropertyAnimator(withDuration: 3, delay: 2, options: UIView.AnimationOptions.curveEaseInOut,
animations: {
self.game.board[self.game.playedCards[index]].center = endPoint
},
completion: { _ in
self.game.board[self.game.playedCards[index]].removed = true
self.game.board[self.game.playedCards[index]].removeFromSuperview()
self.currentCardCount = self.currentCardCount - 1

// Call this function again on completion, but for the next card.
self.recursivelyAnimateCard(at: index + 1, to: endPoint, completion: completion)
})
}

编辑:我没有看到您需要在整个过程完成后 运行“下一回合”代码。我更新了上面的代码以包含一个完成处理程序,该处理程序在所有卡片都从屏幕上移除后触发。

关于ios - 如何在 Swift 中按顺序为一组 ImageView 设置动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55551628/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com