Question

我已经从viewpager2的文档中实现了以下动画

private const val MIN_SCALE = 0.85f
private const val MIN_ALPHA = 0.5f

class ZoomOutPageTransformer : ViewPager2.PageTransformer {

    override fun transformPage(view: View, position: Float) {
        view.apply {
            val pageWidth = width
            val pageHeight = height
            when {
                position < -1 -> { // [-Infinity,-1)
                    // This page is way off-screen to the left.
                    alpha = 0f
                }
                position <= 1 -> { // [-1,1]
                    // Modify the default slide transition to shrink the page as well
                    val scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position))
                    val vertMargin = pageHeight * (1 - scaleFactor) / 2
                    val horzMargin = pageWidth * (1 - scaleFactor) / 2
                    translationX = if (position < 0) {
                        horzMargin - vertMargin / 2
                    } else {
                        horzMargin + vertMargin / 2
                    }

                    // Scale the page down (between MIN_SCALE and 1)
                    scaleX = scaleFactor
                    scaleY = scaleFactor

                    // Fade the page relative to its size.
                    alpha = (MIN_ALPHA +
                            (((scaleFactor - MIN_SCALE) / (1 - MIN_SCALE)) * (1 - MIN_ALPHA)))
                }
                else -> { // (1,+Infinity]
                    // This page is way off-screen to the right.
                    alpha = 0f
                }
            }
        }
    }
}

现在，在我的活动中，我用Handler包装了此动画以自动滑动，但是运行的非常快，甚至在滑动时我什至都没有注意到

private fun slideViewPager(){
    var currentPage = 0
    var timer: Timer? = null
    val DELAY_MS: Long = 2000 //delay in milliseconds before task is to be executed
    val PERIOD_MS: Long = 3000
        val handler = Handler()
        val update = Runnable {
            if (currentPage == NUM_PAGES - 1) {
                currentPage = 0
            }
            viewPager.setCurrentItem(currentPage++, true)
        }

        timer = Timer() // This will create a new Thread
        timer!!.schedule(object : TimerTask() { // task to be scheduled
            override fun run() {
                handler.post(update)
            }
        }, DELAY_MS, PERIOD_MS)
    }

我已经调整了处理程序的延迟，但这不是问题，因为这只是在它要更改到另一页时才延迟，但是此更改期间的过渡确实非常快，我如何放慢它的速度？ / p>

Answer 1

使用ViewPager2时遇到类似的问题。我的ViewPager中有两个项目，并将切换到下一个项目作为按钮的动作。第一次按下它时，动画是瞬时的，就像您描述的那样。但是，在我的设置中，如果再次按它，它将滚动回到左侧。一旦做到这一点，动画就可以正确运行（左右）。

从我的代码可以看出，在您的情况下，您将继续在单个方向上滚动-因此，您只能观察到瞬时滚动。尝试使用它并使其向后滚动，而不是仅向前滚动。查看在那种情况下动画是否正确显示。

编辑：如果您发现同样的情况也适用于您的情况，则可以应用完全不雅致的骇客：

您可以在打开活动时尽快浏览“浏览”项。然后，在浏览完每一项之后，切换回第一项，然后应用您现在拥有的任何逻辑。如果执行此操作，则将已“加载”项目，并且动画将起作用。

当然，当您在“后台”中执行此操作时，您可以在初次进入活动时显示进度加载器，并在滚动回到第一项后显示活动。用户会认为该活动正在“加载”，但实际上，您将浏览ViewPager的每个项目，有效地“预加载”它们。

完全难看的解决方案，但它应该可以工作。我希望有人能提出比这更好的一个，因为我不完全知道动画第一次不能正确播放的原因。

ViewPager2-滑块过渡滑动得太快

1 个答案: