Android中使用Picasso加载图片时保持ImageView宽高比并防止越界

问题场景 #

我的ImageView布局代码如下：

<ImageView
    android:id="@+id/backgroud"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="centerInside" 
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

使用Picasso加载网络图片（尺寸通常大于ImageView）时，图片被拉伸至全屏宽度，无法保留原宽高比，竖屏模式下图片宽度甚至超过屏幕。但在XML中直接设置本地图片时，centerInside能正常生效。当前Picasso加载代码：

getPicassoInstance().load(url)
                .into(binding.backgroud)
                .into(backgroud, object :
                    Callback {
                    override fun onError(e: Exception?) {
                        Timber.w("Could not load the background image$e")
                    }

                    override fun onSuccess() {
                    }
                })

尝试过Picasso的centerInside()方法，依然无效。

问题原因 #

1. 连续调用两次into()：代码中先后调用两次into()，会导致第一次加载操作被覆盖，同时干扰ImageView的scaleType逻辑，这是核心问题。
2. 未结合ImageView尺寸做适配：仅依赖XML的scaleType，未在Picasso中明确指定适配规则，大尺寸图片加载时无法正确约束在ImageView边界内。

解决步骤 #

• 修复into()调用错误：只保留一次into()调用，将Callback整合进去，避免重复加载干扰。
• 结合Picasso的适配方法：根据需求选择适配逻辑，配合ImageView属性实现宽高比保留。

方案1：使用fit() + centerInside()

fit()会自动根据ImageView的尺寸缩放图片，配合centerInside()确保图片完整显示且不超出边界，同时保留宽高比：

getPicassoInstance().load(url)
    .fit()
    .centerInside()
    .into(binding.backgroud, object : Callback {
        override fun onError(e: Exception?) {
            Timber.w("Could not load the background image$e")
        }

        override fun onSuccess() {
            // 加载成功后的操作
        }
    })

方案2：手动指定尺寸 + centerInside()

如果需要更精确的尺寸控制，可以手动传入屏幕宽度，高度按宽高比自动计算：

val screenWidth = Resources.getSystem().displayMetrics.widthPixels
getPicassoInstance().load(url)
    .resize(screenWidth, 0) // 0表示高度按宽高比自动计算
    .centerInside()
    .into(binding.backgroud, object : Callback {
        override fun onError(e: Exception?) {
            Timber.w("Could not load the background image$e")
        }

        override fun onSuccess() {
            // 加载成功后的操作
        }
    })

补充：确保ImageView属性正确

保持XML中的android:scaleType="centerInside"和android:layout_height="wrap_content"，让ImageView根据加载后的图片尺寸自动调整高度，避免拉伸。

内容的提问来源于stack exchange，提问作者Артемий Величко