如何避免代码设置图片后ImageView覆盖下方布局元素？

嘿，这个问题我熟！你遇到的是ImageView加载图片后高度无限制扩展，把下方的条形码标题和ImageView给盖住了对吧？这其实是因为ImageView默认会根据图片的原始尺寸自适应大小，如果父布局没给它设好约束，它就会“野蛮生长”抢占下方空间。我给你几个靠谱的解决办法：

1. 用ConstraintLayout设置严格的上下约束（最推荐） #

如果你的布局用的是ConstraintLayout，直接给资产ImageView绑定上下边界的约束，让它只能在资产标题和条形码标题之间的区域缩放，绝对不会越界。记得加上android:adjustViewBounds="true"来保持图片的宽高比，避免变形：

<ImageView
    android:id="@+id/asset_image_view"
    android:layout_width="match_parent"
    android:layout_height="0dp" <!-- 让约束控制高度 -->
    android:adjustViewBounds="true"
    android:scaleType="fitCenter" <!-- 可选，按比例适配显示 -->
    app:layout_constraintTop_toBottomOf="@id/asset_title"
    app:layout_constraintBottom_toTopOf="@id/barcode_title"
    app:layout_constraintDimensionRatio="4:3" /> <!-- 可选，固定宽高比，比如4:3或16:9 -->

2. 给ImageView设置最大高度限制 #

如果不想用ConstraintLayout，也可以直接给ImageView加android:maxHeight属性，限制它的最大高度，防止无限扩展：

<ImageView
    android:id="@+id/asset_image_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:maxHeight="250dp" <!-- 根据你的UI需求调整数值 -->
    android:scaleType="fitCenter" />

3. 在LinearLayout中用layout_weight分配空间 #

如果你的父布局是LinearLayout，把ImageView的高度设为0dp，再给它设置layout_weight，让它占据固定比例的空间，下方元素会自动留在剩余空间里：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 资产标题 -->
    <TextView ... />

    <ImageView
        android:id="@+id/asset_image_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <!-- 条形码标题 -->
    <TextView ... />

    <!-- 条形码ImageView -->
    <ImageView ... />

</LinearLayout>

关键注意点 #

• 一定要加android:adjustViewBounds="true"：这个属性会让ImageView根据图片的宽高比自动调整自身尺寸，避免图片被拉伸变形，同时也能间接限制高度的无规则增长。
• 选择合适的scaleType：比如fitCenter会让图片按比例完整显示，centerCrop会裁剪图片填满ImageView，根据你的UI需求选就行。

这里给你一个完整的ConstraintLayout示例布局，直接用就能解决问题：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 资产照片标题 -->
    <TextView
        android:id="@+id/asset_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="资产照片"
        android:textSize="18sp"
        android:padding="8dp"
        app:layout_constraintTop_toTopOf="parent"/>

    <!-- 资产照片ImageView -->
    <ImageView
        android:id="@+id/asset_image_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        app:layout_constraintTop_toBottomOf="@id/asset_title"
        app:layout_constraintBottom_toTopOf="@id/barcode_title"
        app:layout_constraintDimensionRatio="4:3"/>

    <!-- 条形码照片标题 -->
    <TextView
        android:id="@+id/barcode_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="条形码照片"
        android:textSize="18sp"
        android:padding="8dp"
        app:layout_constraintTop_toBottomOf="@id/asset_image_view"/>

    <!-- 条形码照片ImageView -->
    <ImageView
        android:id="@+id/barcode_image_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        app:layout_constraintTop_toBottomOf="@id/barcode_title"
        app:layout_constraintBottom_toBottomOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

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