ViewPager2 具有不同的项目高度和 WRAP_CONTENT

Question

有一些关于让 ViewPager 使用不同高度的项目的帖子，这些项目以扩展ViewPager自身为中心，以修改其onMeasure以支持这一点。

然而，鉴于它ViewPager2被标记为 final 类，扩展它不是我们可以做的事情。

有谁知道是否有办法解决这个问题？

---

例如，假设我有两种观点：

视图 1 = 200dp

视图 2 = 300dp

当 ViewPager2 (layout_height="wrap_content" ) 加载时——查看 View1，它的高度将为 200dp。

但是当我滚动到View2时，高度仍然是200dp；View2 的最后 100dp 被截断。

Answer 1

只需为所需的Fragment内容执行此操作即可ViewPager2：

override fun onResume() {
     super.onResume()
     layoutTaskMenu.requestLayout()
}

Jetpack：（binding.root.requestLayout()感谢@syed-zeeshan 提供详细信息）

Answer 2

解决的办法是注册PageChangeCallback和调整LayoutParams的ViewPager2要求儿童重新衡量自身后。

pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
    override fun onPageSelected(position: Int) {
        super.onPageSelected(position)
        val view = // ... get the view
        view.post {
            val wMeasureSpec = MeasureSpec.makeMeasureSpec(view.width, MeasureSpec.EXACTLY)
            val hMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)
            view.measure(wMeasureSpec, hMeasureSpec)

            if (pager.layoutParams.height != view.measuredHeight) {
                // ParentViewGroup is, for example, LinearLayout
                // ... or whatever the parent of the ViewPager2 is
                pager.layoutParams = (pager.layoutParams as ParentViewGroup.LayoutParams)
                    .also { lp -> lp.height = view.measuredHeight }
            }
        }
    }
})

或者，如果由于异步数据加载等原因，您的视图的高度可能会在某些时候发生变化，那么请改用全局布局侦听器：

pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
    private val listener = ViewTreeObserver.OnGlobalLayoutListener {
        val view = // ... get the view
        updatePagerHeightForChild(view)
    }

    override fun onPageSelected(position: Int) {
        super.onPageSelected(position)
        val view = // ... get the view
        // ... IMPORTANT: remove the global layout listener from other views
        otherViews.forEach { it.viewTreeObserver.removeOnGlobalLayoutListener(layoutListener) }
        view.viewTreeObserver.addOnGlobalLayoutListener(layoutListener)
    }

    private fun updatePagerHeightForChild(view: View) {
        view.post {
            val wMeasureSpec = MeasureSpec.makeMeasureSpec(view.width, MeasureSpec.EXACTLY)
            val hMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)
            view.measure(wMeasureSpec, hMeasureSpec)

            if (pager.layoutParams.height != view.measuredHeight) {
                // ParentViewGroup is, for example, LinearLayout
                // ... or whatever the parent of the ViewPager2 is
                pager.layoutParams = (pager.layoutParams as ParentViewGroup.LayoutParams)
                    .also { lp -> lp.height = view.measuredHeight }
            }
        }
    }
}

请参阅此处的讨论：

https://issuetracker.google.com/u/0/issues/143095219

Answer 3

就我而言，添加adapter.notifyDataSetChanged()有onPageSelected帮助。

Answer 4

只需在 ViewPager2 的所有片段中添加这个小代码

@Override
    public void onResume() {
        super.onResume();
        binding.getRoot().requestLayout();
    }

这对我来说非常有用（如果您不使用绑定，那么只需获取根布局实例来代替绑定）

Answer 5

然而，我自己偶然发现了这个案例。我决定将视图包装在 ConstraintLayout 中，而不是将视图调整为已接受的答案。这要求您指定 ViewPager2 的大小，而不是使用 wrap_content。

因此，与其改变我们的 viewpager 的大小，它必须是它处理的最大视图的最小大小。

对 Android 有点新，所以不知道这是否是一个好的解决方案，但它对我有用。

换句话说：

<androidx.constraintlayout.widget.ConstraintLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  >
    <!-- Adding transparency above your view due to wrap_content -->
    <androidx.constraintlayout.widget.ConstraintLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      >

      <!-- Your view here -->

    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

Answer 6

对我来说，这非常有效：

    viewPager2.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
            override fun onPageScrolled(
                position: Int,
                positionOffset: Float,
                positionOffsetPixels: Int
            ) {
                super.onPageScrolled(position,positionOffset,positionOffsetPixels)
                if (position>0 && positionOffset==0.0f && positionOffsetPixels==0){
                    viewPager2.layoutParams.height =
                        viewPager2.getChildAt(0).height
                }
            }
        })