如何利用API返回的像素尺寸预定义RecyclerView中ImageView高度？

核心思路 #

利用API返回的图片原始宽高，结合ImageView在屏幕中的实际宽度（因设置为match_parent，宽度等于父容器宽度），按比例算出ImageView的目标高度，在绑定RecyclerView数据时就把高度设置好，让Glide加载图片时直接填充到预设尺寸，避免加载后高度突变。

具体实现步骤 #

1. 计算并设置ImageView目标高度 #

在RecyclerView的Adapter的onBindViewHolder方法中，拿到图片的宽高数据和对应的ImageView，通过以下逻辑设置高度：

• 用post()确保ImageView完成布局测量，能获取到真实宽度
• 按原始宽高比例计算目标高度
• 更新ImageView的布局参数

代码示例：

@Override
public void onBindViewHolder(MyViewHolder holder, int position) {
    ImageItem item = mImageList.get(position);
    int originImgWidth = item.getImgWidth();
    int originImgHeight = item.getImgHeight();

    // 确保View完成布局后获取宽度
    holder.imageView.post(() -> {
        int viewWidth = holder.imageView.getMeasuredWidth();
        if (viewWidth > 0 && originImgWidth > 0) {
            // 计算比例并得出目标高度
            float heightRatio = (float) originImgHeight / originImgWidth;
            int targetHeight = (int) (viewWidth * heightRatio);
            
            // 更新ImageView高度
            ViewGroup.LayoutParams params = holder.imageView.getLayoutParams();
            params.height = targetHeight;
            holder.imageView.setLayoutParams(params);
        }
        // 加载图片
        Glide.with(holder.imageView.getContext())
             .load(item.getImgUrl())
             .into(holder.imageView);
    });
}

2. 优化细节 #

• 给ImageView设置合适的scaleType，保证图片适配预设尺寸，避免变形：

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

• 把计算好的高度缓存到数据实体类中，避免每次绑定重复计算，提升性能。

3. 适配布局变化 #

如果遇到屏幕旋转、窗口大小调整等场景，可在onConfigurationChanged中触发RecyclerView的Adapter重新绑定数据，或者监听父容器布局变化重新计算高度。

关键注意事项 #

• 必须等待View完成测量后再获取宽度，否则getMeasuredWidth()会返回0，导致计算失效，post()是最稳妥的方式。
• 如果API返回的宽高是dp单位，需要先转换为像素：

int pixelWidth = (int) TypedValue.applyDimension(
    TypedValue.COMPLEX_UNIT_DIP, 
    originImgWidth, 
    holder.imageView.getResources().getDisplayMetrics()
);

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