LinearLayout中双图横向居中适配问题：ImageView宽度异常

我猜你大概率是没处理好ImageView的缩放规则和布局的尺寸约束导致的问题——当图片本身高宽比比较大（比如竖图），如果布局设置不当，ImageView会为了满足高度的显示需求，超出你预期的宽度限制。

问题根源分析 #

你提到要让图片适配父布局的一半大小，这里的核心是要保持图片的原始宽高比，同时限制ImageView的最大宽度为父布局的1/2，最大高度不超过父布局高度。如果只简单设置layout_weight或者scaleType不对，就会出现高度优先、宽度被拉伸的情况。

解决方案：用ConstraintLayout实现精准控制 #

ConstraintLayout是处理这种自适应布局最灵活的方式，直接上代码：

<?xml version="1.0" encoding="utf-8"?>
<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">

    <!-- 第一张图 -->
    <ImageView
        android:id="@+id/img_left"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:scaleType="centerInside"
        android:adjustViewBounds="true"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/img_right"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_weight="1"
        android:padding="4dp"/>

    <!-- 第二张图 -->
    <ImageView
        android:id="@+id/img_right"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:scaleType="centerInside"
        android:adjustViewBounds="true"
        app:layout_constraintLeft_toRightOf="@+id/img_left"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_weight="1"
        android:padding="4dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

关键设置说明 #

• android:adjustViewBounds="true"：这个属性会让ImageView根据图片的原始宽高比自动调整自身的宽高，保证图片不会被拉伸变形。
• android:scaleType="centerInside"：让图片在ImageView内部居中显示，同时自动缩放至不超出ImageView的边界，完美适配你要的“适配父布局一半大小”的需求。
• layout_constraintHorizontal_weight="1"：两张图平分父布局的宽度，确保各自占1/2的可用宽度。
• layout_width="0dp"：配合weight使用，让ImageView的宽度由约束和权重决定，而不是固定值。

如果你想用LinearLayout的替代方案 #

如果习惯用LinearLayout，也可以这样写，核心逻辑一样：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:gravity="center">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"
        android:padding="4dp"/>

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"
        android:padding="4dp"/>

</LinearLayout>

这样设置后，不管图片是横图还是竖图，都会自动缩放至父布局一半的宽度范围内，同时保持比例，不会出现宽度超出预期的情况。

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