如何在Picasso加载图片后调整RecyclerView帖子项的行高？

嘿，这个需求我之前做社交类Feed的时候正好踩过坑，核心就是让Picasso在图片加载完成后动态调整ImageView的尺寸，同时让RecyclerView的Item自动适配高度。给你拆解成具体可落地的步骤：

1. 先搞定Item布局的ImageView配置 #

首先在你的帖子Item布局里，把ImageView的初始状态设为visibility="gone"，这样加载前完全不占空间，保证无图状态正常显示。同时开启adjustViewBounds，方便后续按比例调整尺寸：

<ImageView
    android:id="@+id/post_image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:visibility="gone"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop" />

2. 用Picasso的回调获取图片尺寸并动态调整 #

在Adapter的onBindViewHolder方法里，先处理复用问题——每次绑定都重置ImageView的状态，避免复用旧的图片或尺寸：

@Override
public void onBindViewHolder(PostViewHolder holder, int position) {
    PostItem item = mDataList.get(position);
    
    // 重置ImageView状态，防止复用错乱
    holder.postImage.setVisibility(View.GONE);
    
    // 如果当前帖子有图片地址才加载
    if (!TextUtils.isEmpty(item.getImageUrl())) {
        Picasso.get()
            .load(item.getImageUrl())
            .into(new Target() {
                @Override
                public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
                    // 获取ImageView的实际宽度（屏幕宽度减去左右内边距）
                    int imageViewWidth = holder.postImage.getWidth();
                    if (imageViewWidth == 0) {
                        // 万一ImageView还没测量完成，用ViewTreeObserver监听布局完成事件
                        holder.postImage.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
                            @Override
                            public void onGlobalLayout() {
                                holder.postImage.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                                calculateAndSetImageSize(holder.postImage, bitmap);
                            }
                        });
                    } else {
                        calculateAndSetImageSize(holder.postImage, bitmap);
                    }
                    // 设置加载好的图片
                    holder.postImage.setImageBitmap(bitmap);
                }

                @Override
                public void onBitmapFailed(Exception e, Drawable errorDrawable) {
                    // 加载失败可以保持隐藏，或者根据需求显示错误占位图
                }

                @Override
                public void onPrepareLoad(Drawable placeHolderDrawable) {
                    // 你需求是加载前无图，这里可以留空，也可以设置加载中占位图
                }
            });
    }
    
    // 其他帖子内容（标题、正文等）的绑定逻辑
    holder.postTitle.setText(item.getTitle());
    // ...
}

然后单独写一个计算尺寸的工具方法，保证图片按原始宽高比显示：

private void calculateAndSetImageSize(ImageView imageView, Bitmap bitmap) {
    int originalWidth = bitmap.getWidth();
    int originalHeight = bitmap.getHeight();
    
    // 按比例计算ImageView应该有的高度：(原始高度 * ImageView宽度) / 原始宽度
    int targetHeight = (originalHeight * imageView.getWidth()) / originalWidth;
    
    // 更新ImageView的布局参数
    ViewGroup.LayoutParams params = imageView.getLayoutParams();
    params.height = targetHeight;
    imageView.setLayoutParams(params);
    
    // 显示ImageView
    imageView.setVisibility(View.VISIBLE);
    
    // 触发RecyclerView重绘当前Item，确保高度自适应
    imageView.requestLayout();
}

3. 额外注意事项 #

• ViewHolder复用问题：一定要在onBindViewHolder开头重置ImageView的可见性和尺寸，不然滚动的时候会出现旧图片残留或者尺寸错乱的情况。
• 图片加载失败处理：如果图片加载失败，记得保持ImageView隐藏，或者根据需求显示错误占位图。
• 性能优化：如果你的Feed数据量很大，可以考虑缓存图片的宽高信息到本地（比如数据库或SharedPreferences），下次加载直接用缓存的尺寸，不用每次都等待图片加载完成再计算，提升流畅度。

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