保持位图缩放宽高比：实现统一尺寸填满ImageView的方案问询

嘿，这个需求我碰到过好多次了，咱们先明确核心：要同时满足「所有图片在固定宽高的ImageView里显示」「保留原图宽高比」「填满容器不留空白」「不裁剪原图内容」，其实关键是把原图缩放到刚好能完整放入ImageView，再用自定义内容填充空白区域。下面给你几个可行的实现方案：

方法1：最简单的快速实现——ImageView属性+背景填充 #

这是最省事的方式，直接利用系统控件的属性：

• 先给ImageView设置固定宽高（比如布局里写android:layout_width="200dp"、android:layout_height="200dp"）
• 把ImageView的scaleType设为centerInside，这样原图会自动按比例缩放，完整显示在容器里，绝对不会被裁剪
• 最后给ImageView加个背景色（比如android:background="#f0f0f0"）或者自定义背景Drawable，空白区域就被填满了，完全看不到空隙
• 缺点：背景是固定样式，如果想和原图风格更贴合，这个方法就不够灵活了

方法2：自定义Bitmap处理——实现个性化填充效果 #

如果想要空白区域和原图风格统一（比如用原图的模糊版当背景），可以手动处理Bitmap：

1. 计算缩放比例：
   • 拿到原图的宽高srcWidth、srcHeight，以及ImageView的目标宽高targetWidth、targetHeight
   • 算出水平和垂直方向的缩放比：scaleX = (float) targetWidth / srcWidth，scaleY = (float) targetHeight / srcHeight
   • 取更小的那个缩放比scale = Math.min(scaleX, scaleY)，保证原图能完整放入目标尺寸
   • 计算缩放后的原图尺寸：scaledWidth = (int) (srcWidth * scale)，scaledHeight = (int) (srcHeight * scale)
2. 创建目标Bitmap并绘制内容：
   • 创建一个和ImageView尺寸一致的空Bitmap
   • 先绘制背景：可以是纯色，也可以把原图放大到覆盖整个目标尺寸后做模糊处理（用RenderScript或者第三方库实现模糊）
   • 把缩放后的原图绘制在目标Bitmap的中心位置
3. 设置给ImageView

给你段伪代码参考：

// 假设已经获取到原始Bitmap：srcBitmap
int targetWidth = 200; // ImageView的目标宽度（单位：px）
int targetHeight = 200; // ImageView的目标高度（单位：px）

// 计算缩放比例，保证原图完整显示
float scaleX = (float) targetWidth / srcBitmap.getWidth();
float scaleY = (float) targetHeight / srcBitmap.getHeight();
float scale = Math.min(scaleX, scaleY);

int scaledWidth = (int) (srcBitmap.getWidth() * scale);
int scaledHeight = (int) (srcBitmap.getHeight() * scale);

// 创建目标Bitmap
Bitmap targetBitmap = Bitmap.createBitmap(targetWidth, targetHeight, srcBitmap.getConfig());
Canvas canvas = new Canvas(targetBitmap);

// 绘制背景（这里用灰色示例，可替换为模糊后的原图）
canvas.drawColor(Color.LTGRAY);

// 计算原图居中绘制的起始坐标
int leftOffset = (targetWidth - scaledWidth) / 2;
int topOffset = (targetHeight - scaledHeight) / 2;

// 绘制缩放后的原图
Bitmap scaledBitmap = Bitmap.createScaledBitmap(srcBitmap, scaledWidth, scaledHeight, true);
canvas.drawBitmap(scaledBitmap, leftOffset, topOffset, null);

// 把处理好的Bitmap设置给ImageView
imageView.setImageBitmap(targetBitmap);

方法3：用图片加载库偷懒——Glide/Fresco一键搞定 #

如果项目里用了Glide这类图片加载库，那实现起来更简单：

• 先给ImageView设置固定宽高
• 加载图片时用centerInside()保证原图完整显示，再配合ImageView的背景填充空白；如果想要模糊背景，可以先加载一张模糊后的原图作为ImageView的背景，再加载原图居中显示

示例代码（Glide）：

// 先加载模糊背景
Glide.with(context)
     .load(imageUrl)
     .transform(new BlurTransformation(25)) // 模糊程度可调整
     .into(new SimpleTarget<Drawable>() {
         @Override
         public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {
             imageView.setBackground(resource);
         }
     });

// 再加载原图居中显示
Glide.with(context)
     .load(imageUrl)
     .centerInside()
     .into(imageView);

这样既保留了原图比例，填满了整个ImageView，又没有裁剪原图内容，完美匹配你的需求！

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