ViewPager响应式布局失效求助：TabLayout关联Fragment显示异常

嘿，我刚好踩过这个坑！ViewPager默认的wrap_content逻辑真的反直觉——它根本不会自动适配子Fragment的高度，所以才会出现固定高度能看到内容、用wrap_content或match_parent就空白的情况。

问题根源 #

ViewPager默认的onMeasure方法不会主动去测量当前显示的子Fragment的实际高度。当你设置wrap_content时，它会直接把自身高度计算为0，自然就看不到任何内容；而手动设置固定高度时，它会按照你指定的高度渲染，所以能显示高度范围内的文本。

具体解决方案：自定义ViewPager重写onMeasure #

我们可以创建一个自定义的ViewPager类，让它主动测量当前子页面的高度，然后调整自身高度：

class WrapContentHeightViewPager(context: Context, attrs: AttributeSet?) : ViewPager(context, attrs) {

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        var measuredHeight = 0
        // 遍历所有子视图，找到最高的那个高度
        for (index in 0 until childCount) {
            val childView = getChildAt(index)
            childView.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED))
            val childHeight = childView.measuredHeight
            if (childHeight > measuredHeight) {
                measuredHeight = childHeight
            }
        }

        // 如果找到有效高度，就用这个高度重新测量ViewPager
        if (measuredHeight != 0) {
            val newHeightSpec = MeasureSpec.makeMeasureSpec(measuredHeight, MeasureSpec.EXACTLY)
            super.onMeasure(widthMeasureSpec, newHeightSpec)
        } else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        }
    }
}

怎么用这个自定义ViewPager #

1. 在你的布局XML里，把原来的<androidx.viewpager.widget.ViewPager>替换成这个自定义类，记得替换成你自己的包名：

<com.your.app.package.WrapContentHeightViewPager
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

2. 同时要确保你的Fragment的根布局高度设置为wrap_content，这样自定义ViewPager才能准确测量到它的实际高度。

额外小提示 #

如果你的Fragment内容是动态加载的（比如网络请求后才显示文本），记得在内容加载完成后调用viewPager.requestLayout()，触发ViewPager重新测量高度，这样它就能适配新的内容高度了。

内容的提问来源于stack exchange，提问作者Tatsuya