如何让ImageView匹配父宽度并按原比例调整高度？求scaleType及实现方式

嘿，这个需求其实很容易实现，我来一步步给你说清楚！

1. 正确的scaleType选择 #

你需要用fitCenter作为ImageView的scaleType（如果希望图片在View中居中显示），或者fitStart/fitEnd来控制上下对齐方向——这三个scaleType都能保证图片完整显示且保持原始宽高比，同时配合另一个关键属性来实现宽度填充满父布局、高度自适应的效果。

这里的核心是开启adjustViewBounds属性，它能让ImageView根据图片的真实宽高比自动调整自身高度，完美匹配你“不破坏比例，宽度适配父布局”的需求。

2. 实现方式：仅需XML配置，无需额外Java代码 #

你只需要修改XML里的ImageView配置，加上adjustViewBounds和正确的scaleType，Glide加载时会自动遵循这些设置：

<ImageView 
    android:id="@+id/image" 
    android:layout_centerHorizontal="true" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="10dp" 
    android:layout_marginBottom="10dp"
    android:adjustViewBounds="true"
    android:scaleType="fitCenter"/>

你的Java代码只需要修正一个小问题（原来的findViewById参数少了R.id.前缀），其余保持原样即可：

ImageView img = findViewById(R.id.image);
Glide.with(this).load("url here").into(img);

原理说明 #

• adjustViewBounds="true"：让ImageView的宽高比和加载的图片宽高比保持一致，当你设置layout_width="match_parent"时，ImageView会自动计算出对应的高度，确保图片不会变形。
• scaleType="fitCenter"：图片会按比例缩放，直到能完全放入ImageView中并居中显示：
  • 如果原图宽度小于父布局宽度，会被拉伸到父布局宽度，高度按比例放大；
  • 如果原图宽度大于父布局宽度，会缩小到父布局宽度，高度按比例缩小；
  • 全程严格保持图片的原始宽高比，不会出现拉伸变形的情况。

这样就能完美满足你的需求啦！

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