ViewPager:setPageTransformer视图转换错误

Question

我正在尝试实现一个应用程序的介绍，该应用程序具有具有3个页面的视图页和自定义动画，使用： setPageTransformer

居中页面中的视图不与动画一起流动-在从第一页到第二页的滑动结束时，它返回到原始位置-这导致从第二页到第三页的错误动画

这是我的代码：

 pager.setPageTransformer(true) { view, position ->

        var mPosition = position

        val pageWidth = view.width
        val pageHeight = view.height
        val ratio = pageWidth.toFloat() / pageHeight


        if (position in 0.0..1.0) {

            bubble_intro_imageView.setTranslationY(-(pageWidth * (1 - mPosition) / 3 * ratio))
            notification_intro_textView.setTranslationX(pageWidth * (1 - mPosition) / 8 * ratio)
            bubble_intro_textView.setTranslationY(pageWidth * (1 - mPosition) / 3 * ratio)

        } else if (position in -1.0..-0.0) {

            var negativePosition = -position

            bubble_intro_imageView.setTranslationY(-(pageWidth * (1 - negativePosition) / 3 * ratio))
            notification_intro_textView.setTranslationX((pageWidth * (1 - negativePosition) / 8 * ratio))
            bubble_intro_textView.setTranslationY((pageWidth * (1 - negativePosition) / 3 * ratio))

        }
    }

我正在使用“androidx”作为片段、适配器和Viewpager：

我的适配器 ：

import androidx.fragment.app.Fragment
import androidx.fragment.app.FragmentManager
import androidx.fragment.app.FragmentStatePagerAdapter
import java.util.ArrayList

class IntroPageAdapter(fragmentManager: FragmentManager) : FragmentStatePagerAdapter(
    fragmentManager,
    BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT) {

    var fragments = ArrayList<Fragment>()

    fun addFrag(fragment: Fragment) {
        fragments.add(fragment)
    }

    override fun getItem(position: Int): Fragment {
        return fragments[position]
    }

    override fun getCount(): Int {
        return fragments.size
    }
}

我错过了什么吗？

Answer 1

经过几个小时的寻找问题。我找到了一个有点奇怪的解决方案，问题出在KTX-extension上

一旦我删除了它的用法并将其更改为“findViewById”它工作得很好，动画中没有中断

我不知道该如何解释

我的代码：

 pager.setPageTransformer(true) { view, position ->

            var mPosition = position

            val pageWidth = view.width
            val pageHeight = view.height
            val ratio = pageWidth.toFloat() / pageHeight


            notificationImageView = view.findViewById<View>(R.id.notification_intro_imageView) as ImageView?
            bubbleImageView = view.findViewById<View>(R.id.bubble_intro_imageView) as ImageView?
            bubbleTextView = view.findViewById<View>(R.id.bubble_intro_textView) as TextView?


            if (position in 0.0..1.0) {

                if (notificationImageView != null && bubbleImageView != null && bubbleTextView != null) {


                    notificationImageView!!.setTranslationY(-(pageWidth * (1 - mPosition) / 3 * ratio))
                    bubbleImageView!!.setTranslationX(pageWidth * (1 - mPosition) / 8 * ratio)
                    bubbleTextView!!.setTranslationY(pageWidth * (1 - mPosition) / 3 * ratio)

                }

            } else if (position in -1.0..-0.0) {

                if (notificationImageView != null && bubbleImageView != null && bubbleTextView != null) {


                    var negativePosition = -position
                    notificationImageView!!.setTranslationY(-(pageWidth * (1 - negativePosition) / 3 * ratio))
                    bubbleImageView!!.setTranslationX((pageWidth * (1 - negativePosition) / 8 * ratio))
                    bubbleTextView!!.setTranslationY((pageWidth * (1 - negativePosition) / 3 * ratio))

                }

            }
        }

有人知道解释吗？