ViewPager按钮动画异常求助：快速滑动时卡顿消失但按钮仍可点击

我之前做ViewPager页面切换动画时也踩过类似的坑，结合你描述的现象（快速滑动时按钮消失/半显示但仍可点击）和代码片段来看，问题根源在于快速滑动时onPageSelected会被连续触发多次，导致TransitionManager的动画队列堆积，视图还没完成上一次状态更新就被下一次动画打断，最终出现视觉上的异常。

问题原因拆解 #

• 快速滑动ViewPager时，onPageSelected会连续回调多个页面的position（比如从第0页滑到第2页，会触发position=1和position=2），每次调用TransitionManager.beginDelayedTransition都会启动一次过渡动画，前一次动画还没执行完就被后一次覆盖，造成视图布局计算混乱。
• Transition动画是异步执行的，若动画未完成就切换页面，视图的视觉渲染会跟不上，但点击区域还是基于之前的布局状态，所以会出现“按钮能点但看不见”的情况。

可行的解决方案 #

1. 添加动画状态锁，避免重复触发

给动画加一个执行状态标记，只有当前动画完全结束后，才允许触发下一次动画：

private boolean isTransitionRunning = false;

@Override
public void onPageSelected(int position) {
    addDotsIndicator(position);
    // 如果当前有动画在执行，直接返回
    if (isTransitionRunning) return;

    switch (position) {
        case 0:
            isTransitionRunning = true;
            AutoTransition transition = new AutoTransition();
            // 监听动画结束/取消事件，重置状态锁
            transition.addListener(new Transition.TransitionListener() {
                @Override
                public void onTransitionStart(Transition transition) {}

                @Override
                public void onTransitionEnd(Transition transition) {
                    isTransitionRunning = false;
                }

                @Override
                public void onTransitionCancel(Transition transition) {
                    isTransitionRunning = false;
                }

                @Override
                public void onTransitionPause(Transition transition) {}

                @Override
                public void onTransitionResume(Transition transition) {}
            });
            TransitionManager.beginDelayedTransition(transitionContainer, transition);
            // 这里写你的按钮收缩/移动逻辑
            break;
        // 处理其他页面的动画逻辑
    }
}

2. 改用onPageScrollStateChanged配合触发动画

不要直接在onPageSelected里启动动画，而是等滑动完全停止（状态变为SCROLL_STATE_IDLE）后再执行，这样能避免快速滑动时的频繁触发：

private int currentSelectedPage = 0;

@Override
public void onPageSelected(int position) {
    addDotsIndicator(position);
    currentSelectedPage = position;
}

@Override
public void onPageScrollStateChanged(int state) {
    // 只有当滑动停止时才触发动画
    if (state == ViewPager.SCROLL_STATE_IDLE) {
        triggerButtonAnimation(currentSelectedPage);
    }
}

private void triggerButtonAnimation(int position) {
    switch (position) {
        case 0:
            TransitionManager.beginDelayedTransition(transitionContainer, new AutoTransition());
            // 按钮动画逻辑
            break;
        // 其他页面处理
    }
}

3. 升级到ViewPager2（推荐）

ViewPager2基于RecyclerView实现，页面切换的回调逻辑更稳定，对Transition动画的兼容性也更好。如果项目允许的话，迁移到ViewPager2能从根源减少这类滑动时的视图异常问题，而且它本身支持更多的滑动特性。

4. 检查过渡容器的布局

确保你的transitionContainer是标准的ViewGroup（比如ConstraintLayout、LinearLayout），如果是自定义布局，要保证它正确实现了onMeasure和onLayout方法，否则Transition无法准确计算视图的状态变化，也会导致显示异常。

总结 #

快速滑动时的动画异常本质是动画触发时机不对或重复触发，通过控制动画执行的时机、添加状态锁，或者升级到更稳定的ViewPager2，都能解决这个问题。

内容的提问来源于stack exchange，提问作者masi mojib