0

我已经从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
                }
            }
        }
    }
}

现在，在我的活动中，我用处理程序包装了这个动画以自动滑动，但是速度非常快，我什至无法注意到它的滑动

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)
    }

我已经调整了处理程序的延迟，但这不是问题所在，因为它只是在它要更改到另一个页面时延迟，但是在此更改期间的转换非常快，我怎样才能减慢它的速度？

4

1 回答 1

1

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

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

编辑：如果你发现同样的行为也适用于你的情况，你可以应用一个完全不优雅的黑客：

当您打开活动时，您可以尽快“浏览” ViewPager 的项目。然后，在完成每个项目之后，切换回第一个项目，然后应用你现在拥有的任何逻辑。如果您这样做，项目将已经“加载”并且动画将起作用。

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

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

于 2019-12-30T13:07:05.917 回答