ViewPager中的动画问题

Question

我想要ViewPager中我的按钮的动画。这意味着，如果我从第1页滑动到第2页，“下一步”按钮是收缩的，第二个按钮在它旁边移动。

到目前为止还不错。如果我现在快速滑动动画会卡住，它不再可见或只有一半可见。但是按钮仍然是可点击的。

    @Override
    public void onPageSelected(int position) {

        addDotsIndicator(position);

        switch (position){
            case 0:
                TransitionManager.beginDelayedTransition(transitionContainer, new AutoTransition());
                btnSave.setVisibility(View.GONE);
                break;

            case 8:
                TransitionManager.beginDelayedTransition(transitionContainer, new AutoTransition());
                btnNext.setVisibility(View.GONE);
                break;

            default:
                TransitionManager.beginDelayedTransition(transitionContainer, new AutoTransition());
                btnSave.setVisibility(View.VISIBLE);
                btnNext.setVisibility(View.VISIBLE);
                break;
        }
    }

有谁知道如何解决这个问题？或者有没有办法做这个动画？

Answer 1

我也遇到过类似的问题，我有一个ViewPager，在刷了页面之后，我无法让转换动画化（转换在其中一个页面上，由按钮点击触发）。过渡将跳转到最终状态。下一次动画将起作用。如果我再刷一次ViewPager，动画下次就不起作用了。

在检查＜code＞beginDelayedTransition＜/code＞中的代码后，我注意到需要布局视图才能运行动画。

将转换代码放在 { } root.post 中对我来说可以解决问题。根是约束布局。

fun ConstraintLayout.animateChanges(addChanges: (ConstraintSet) -> Unit) {
    if (ViewCompat.isLaidOut(this)) {
        animateChangesNow(addChanges)
    }
    else {
        requestLayout()
        post { animateChangesNow(addChanges) }
    }
}

private fun ConstraintLayout.animateChangesNow(addChanges: (ConstraintSet) -> Unit) {
    val constraintSet = ConstraintSet()
    constraintSet.clone(this)
    addChanges(constraintSet)
    TransitionManager.beginDelayedTransition(this)
    constraintSet.applyTo(this)
}