我有一个动画,该动画本质上是通过转换X值对编号的球进行排序的。第一次效果很好,但是当我生成新数字并尝试再次排序时,它无法按预期工作。
第一个gif正常工作了。
https://giphy.com/gifs/igyw5gvPtbmEOZqoBP
所以在这里我点击排序按钮,球就被正确排序了。
在下一个gif中,我生成一个新数字,然后尝试进行排序,但是如您所见,我得到一些奇怪的行为。
http://www.giphy.com/gifs/kAuH2ZnnNCRX6bPKto
几乎就像是在使用旧的X值进行翻译。
这是触发动画的排序方法
private fun sort() {
val animator = AnimatorSet()
val sorted = balls.sortedBy { x -> x.value }
sorted.forEachIndexed { index, ball ->
if (balls[index] == ball) {
return@forEachIndexed
}
val occupyingBall = balls[index]
val startingPos = balls.indexOf(ball)
// move starting ball to occupying ball
val occupyingRect = calculateRectOnScreen(occupyingBall)
val startingRect = calculateRectOnScreen(ball)
val move = getMoveAnimation(ball, startingPos, balls.indexOf(occupyingBall), occupyingRect, startingRect)
animator.play(move)
animator.start()
}
balls.clear()
balls.addAll(sorted)
}
这里是创建对象动画师的getMoveAnimation
方法。
private fun getMoveAnimation(view: View, startingIndex: Int, finishingIndex: Int, rect1: RectF, rect2: RectF): ObjectAnimator {
val distance = if (startingIndex > finishingIndex) {
// Move left
-Math.abs(rect1.right - rect2.right)
} else {
// Move right
Math.abs(rect1.right - rect2.right)
}
return ObjectAnimator.ofFloat(view, "translationX", distance)
}
这是calculateRectOnScreen
方法,用于计算视图之间的距离
private fun calculateRectOnScreen(view: View): RectF {
val location = IntArray(2)
view.getLocationOnScreen(location)
return RectF(location[0].toFloat(), location[1].toFloat(), (location[0] + view.measuredWidth).toFloat(), (location[1] + view.measuredHeight).toFloat())
}