如何实现ViewPager高度匹配PagerAdapter中最高子项高度

原生androidx.viewpager.widget.ViewPager的默认测量逻辑没有适配wrap_content高度场景，其onMeasure方法会直接忽略子视图的实际高度，按父布局传入的测量规格计算自身尺寸，这就是设置wrap_content时看不到内容、必须写死固定高度的根本原因。固定高度的方案无法适配不同页面的内容高度差，长文本视图会被直接裁切。

自定义高度自适应的ViewPager #

重写ViewPager的onMeasure方法，通过遍历已加载的子视图，取所有子视图的最大测量值作为自身高度，适配wrap_content的测量规则，代码如下：

public class WrapHeightViewPager extends ViewPager {
    public WrapHeightViewPager(@NonNull Context context) {
        super(context);
    }

    public WrapHeightViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int maxChildHeight = 0;
        // 遍历所有已添加的子视图，计算最大高度
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            // 强制测量子视图的实际高度
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int currentHeight = child.getMeasuredHeight();
            if (currentHeight > maxChildHeight) {
                maxChildHeight = currentHeight;
            }
        }

        // 生成匹配wrap_content规则的高度测量规格
        int finalHeightSpec;
        if (MeasureSpec.getMode(heightMeasureSpec) == MeasureSpec.EXACTLY) {
            // 父布局传入确定高度时，直接沿用父布局规格
            finalHeightSpec = heightMeasureSpec;
        } else {
            // 父布局未指定确定高度时，使用所有子视图的最大高度作为测量值
            finalHeightSpec = MeasureSpec.makeMeasureSpec(maxChildHeight, MeasureSpec.EXACTLY);
        }
        super.onMeasure(widthMeasureSpec, finalHeightSpec);
    }
}

解决跨页高度适配问题 #

基础的重写逻辑仅能测量已加载到ViewPager中的子视图，由于ViewPager的默认离屏缓存机制只会加载当前页相邻的固定数量页面，未加载页面无法被遍历到，会出现切换到更高内容的页面时，ViewPager高度不足、内容被裁切的问题。
需要在Adapter初始化完成、所有页面数据准备就绪后，手动遍历全量页面，提前测量所有页面的高度，计算全局最大高度后赋值给ViewPager，参考实现如下：

// 1. 完成Adapter绑定后，获取ViewPager的宽度测量规格
int viewPagerWidth = viewPager.getMeasuredWidth();
int widthSpec = MeasureSpec.makeMeasureSpec(viewPagerWidth, MeasureSpec.EXACTLY);
int globalMaxHeight = 0;

// 2. 遍历所有页面，按实际inflate逻辑生成视图并测量高度
for (int position = 0; position < indicatorViewPagerAdapter.getCount(); position++) {
    View pageView = layoutInflater.inflate(R.layout.feeds_item_layout, null);
    // 复现Adapter中instantiateItem的视图绑定逻辑
    ImageView imageView = pageView.findViewById(R.id.image);
    TextView textView = pageView.findViewById(R.id.desc);
    imageView.setImageResource(images[position]);
    textView.setText(context.getResources().getString(texts[position]));
    // 按原逻辑设置字体即可

    // 测量当前页面的实际高度
    pageView.measure(widthSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
    int pageHeight = pageView.getMeasuredHeight();
    if (pageHeight > globalMaxHeight) {
        globalMaxHeight = pageHeight;
    }
}

// 3. 将计算得到的全局最大高度设置给ViewPager
ViewGroup.LayoutParams layoutParams = viewPager.getLayoutParams();
layoutParams.height = globalMaxHeight;
viewPager.setLayoutParams(layoutParams);

优化提示：现有Adapter中在instantiateItem方法内每次通过系统服务获取LayoutInflater的逻辑，可以移到Adapter构造方法中初始化，避免重复调用系统服务带来的性能损耗。

XML布局调整 #

将原生ViewPager替换为自定义的WrapHeightViewPager组件，移除外层LinearLayout写死的固定高度，改为wrap_content即可：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:background="#85d7d5d6"
    android:orientation="horizontal"
    android:padding="10dp">

    <TextView
        android:id="@+id/leftArrowTv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textColor="@color/arrow_color"
        android:textSize="@dimen/_20ssp" />

    <com.your.package.path.WrapHeightViewPager
        android:id="@+id/viewPager"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

    <TextView
        android:id="@+id/rightArrowTv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textColor="@color/arrow_color"
        android:textSize="@dimen/_20ssp" />

</LinearLayout>

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