如何让ViewPager动态适配子图片高度，消除上下留白？

当然可以实现！你遇到的问题是因为之前的方案统一用最高视图的高度，导致小图被强制拉伸变扁。想要让ViewPager每个页面都贴合当前图片的高度、上下无留白，同时允许宽度裁剪，我们可以通过动态调整ViewPager高度+ImageView按比例填充的方式解决，具体步骤如下：

1. 自定义支持动态高度的ViewPager #

首先我们需要一个能随时修改高度的ViewPager，重写onMeasure方法让它使用我们设置的高度进行测量：

public class DynamicHeightViewPager extends ViewPager {
    private int currentHeight = 0;

    public DynamicHeightViewPager(Context context) {
        super(context);
    }

    public DynamicHeightViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 使用当前设置的高度重新生成测量规则
        int adjustedHeightSpec = MeasureSpec.makeMeasureSpec(currentHeight, MeasureSpec.EXACTLY);
        super.onMeasure(widthMeasureSpec, adjustedHeightSpec);
    }

    // 对外提供设置高度的方法
    public void setCurrentHeight(int height) {
        this.currentHeight = height;
        requestLayout(); // 触发重新测量布局
    }
}

在布局文件里替换原来的ViewPager为这个自定义类：

<com.yourpackage.DynamicHeightViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

2. 配置ImageView的缩放规则 #

每个页面的ImageView需要设置scaleType="centerCrop"，这样图片会保持原有宽高比，优先填满ImageView的高度（也就是ViewPager的高度），超出宽度的部分会被裁剪，完美符合你“上下无留白、允许宽度裁剪”的需求。

页面布局示例（比如item_image_page.xml）：

<ImageView
    android:id="@+id/iv_image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop" />

3. 图片加载时计算并设置ViewPager高度 #

当图片加载完成后，我们可以根据图片的原始宽高比，结合ViewPager的宽度，计算出对应的高度，然后动态设置给ViewPager。以Glide加载为例：

// 假设在PagerAdapter的instantiateItem方法中
@Override
public Object instantiateItem(ViewGroup container, int position) {
    View view = LayoutInflater.from(mContext).inflate(R.layout.item_image_page, container, false);
    ImageView imageView = view.findViewById(R.id.iv_image);
    String imageUrl = mImageUrls.get(position);

    Glide.with(mContext)
         .load(imageUrl)
         .listener(new RequestListener<Drawable>() {
             @Override
             public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
                 return false;
             }

             @Override
             public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
                 // 获取图片原始宽高
                 int imgWidth = resource.getIntrinsicWidth();
                 int imgHeight = resource.getIntrinsicHeight();
                 // 获取ViewPager的有效宽度（减去左右padding）
                 int vpWidth = mViewPager.getWidth() - mViewPager.getPaddingLeft() - mViewPager.getPaddingRight();
                 // 计算对应高度：保持宽高比，宽度为vpWidth时的高度
                 int targetHeight = (int) ((float) imgHeight / imgWidth * vpWidth);
                 // 动态设置ViewPager高度
                 mViewPager.setCurrentHeight(targetHeight);
                 return false;
             }
         })
         .into(imageView);

    container.addView(view);
    return view;
}

4. 监听页面切换，更新ViewPager高度 #

当用户滑动切换页面时，我们需要重新计算当前页面图片的高度并更新ViewPager：

mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}

    @Override
    public void onPageSelected(int position) {
        // 获取当前页面的ImageView
        View currentView = (View) mViewPager.getAdapter().instantiateItem(mViewPager, position);
        ImageView imageView = currentView.findViewById(R.id.iv_image);
        Drawable drawable = imageView.getDrawable();
        
        if (drawable != null) {
            int imgWidth = drawable.getIntrinsicWidth();
            int imgHeight = drawable.getIntrinsicHeight();
            int vpWidth = mViewPager.getWidth() - mViewPager.getPaddingLeft() - mViewPager.getPaddingRight();
            int targetHeight = (int) ((float) imgHeight / imgWidth * vpWidth);
            mViewPager.setCurrentHeight(targetHeight);
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {}
});

5. 处理ViewPager初始宽度未测量的情况 #

第一次启动时，ViewPager可能还没完成布局，宽度为0，导致高度计算错误。我们可以通过ViewTreeObserver监听布局完成事件，初始化第一个页面的高度：

mViewPager.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        // 移除监听，避免重复触发
        mViewPager.getViewTreeObserver().removeOnGlobalLayoutListener(this);
        // 初始化当前页面高度
        int currentPosition = mViewPager.getCurrentItem();
        View currentView = (View) mViewPager.getAdapter().instantiateItem(mViewPager, currentPosition);
        ImageView imageView = currentView.findViewById(R.id.iv_image);
        Drawable drawable = imageView.getDrawable();
        
        if (drawable != null) {
            int imgWidth = drawable.getIntrinsicWidth();
            int imgHeight = drawable.getIntrinsicHeight();
            int vpWidth = mViewPager.getWidth() - mViewPager.getPaddingLeft() - mViewPager.getPaddingRight();
            int targetHeight = (int) ((float) imgHeight / imgWidth * vpWidth);
            mViewPager.setCurrentHeight(targetHeight);
        }
    }
});

这样设置后，ViewPager的高度会跟随当前显示的图片动态变化，每张图片都会上下填满ViewPager无留白，宽度超出的部分被裁剪，完全符合你的需求！

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