Question

我在ViewPager中使用NestedScrollView。 NestedScrollView里面有一个LinearLayout，最后有一些TextViews，TabLayout和ViewPager。 TextViews占据了大部分空间，并为ViewPager留下了一点空间。 ViewPager使用两个片段，其中一个有几个TextViews和ImageViews，另一个片段中有一个RecyclerView。

当我将ViewPager的高度设置为WRAP_CONTENT时，它只占用空间，我无法滚动查看第一个片段的其余部分，以及第二个片段scoll内部的小ViewPager。

例如，当我将ViewPager的高度设置为1000dp时，我可以向下滚动第一个片段，但第二个片段仍在小型ViewPager中滚动。在我用第一个Fragment中的RecyclerView scoll滚动片段之后不再工作了。

如何修复滚动问题并使ViewPager与WRAP_CONTENT一起使用？

这是我的代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        app:layout_scrollFlags="scroll"
        android:fillViewport="true">

        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/mainBackground"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="SOME TEXT" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="SOME TEXT" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="SOME TEXT" />

            <android.support.design.widget.TabLayout
                android:id="@+id/tabLayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <android.support.v4.view.ViewPager
                android:id="@+id/viewPager"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

</android.support.design.widget.CoordinatorLayout>

Answer 1

我认为您应该像这样覆盖ViewPager：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    int height = 0;
    for (int i = 0; i < getChildCount(); i++) {
        View child = getChildAt(i);
        child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
        int h = child.getMeasuredHeight();
        if (h > height) height = h;
    }
    heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

Answer 2

也许你可以试试：

例如：https://stackoverflow.com/a/33385207/4035627

Answer 3

@StevenZhang的解决方案几乎对我有用，但是当两个标签的高度不同时，就会出现问题，较小的标签占据较大标签的高度。

基于关于如何制作动态高度prod = Product() prod.price = 25 print(prod.price)的{{3}}，我在Kotlin提出了解决方案

自定义视图寻呼机

ViewPager

在您的自定义class CustomViewPager: ViewPager { constructor(context: Context) : super(context) constructor(context : Context, attrs : AttributeSet) : super(context, attrs) private var currentView : View? = null override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) { currentView?.let { it.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)) val h = it.measuredHeight val height = if (h > 0) h else 0 val newHeightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY) super.onMeasure(widthMeasureSpec, newHeightMeasureSpec) return } super.onMeasure(widthMeasureSpec, heightMeasureSpec) } fun measureCurrentView(currentView: View?) { this.currentView = currentView requestLayout() } }中覆盖PagerAdapter

setPrimaryItem

您可能还需要将private var currentPosition = -1 override fun setPrimaryItem(container: ViewGroup, position: Int, `object`: Any) { super.setPrimaryItem(container, position, `object`) if (position != currentPosition) { val fragment = `object` as Fragment val pager = container as CustomViewPager if (fragment.view != null) { currentPosition = position pager.measureCurrentView(fragment.view) } } }中的isNestedScrollingEnabled设置为RecyclerView

false

如何在NestedScrollView中使用RecyclerView创建ViewPager

3 个答案: