Android开发：如何将不同尺寸的图片并排对齐？

嗨，这问题很常见，你现在的图片之所以上下排列，核心原因是LinearLayout的orientation设置成了vertical（垂直方向），只要把它改成horizontal（水平方向），就能实现图片并排啦！

修改后的代码示例 #

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:orientation="horizontal" <!-- 这里改成水平方向 -->
    android:layout_weight="4"
    android:gap="8dp"> <!-- 可选：添加图片间的间距，更美观 -->

    <ImageView 
        android:id="@+id/offerBanner1" 
        android:layout_width="0dp" <!-- 用weight分配宽度时设为0dp -->
        android:layout_height="match_parent"
        android:layout_weight="1" <!-- 权重，控制宽度占比 -->
        android:adjustViewBounds="true" 
        android:src="@drawable/ic_offer_banner1" 
        android:scaleType="fitCenter" />

    <ImageView 
        android:id="@+id/offerBanner2" 
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:adjustViewBounds="true" 
        android:src="@drawable/ic_offer_banner2" 
        android:scaleType="fitCenter" />
</LinearLayout>

关键调整说明 #

• android:orientation="horizontal"：这是实现并排的核心，把布局方向从垂直改成水平。
• layout_width="0dp" + layout_weight：如果想让两张图片平分宽度，给它们设置相同的weight值，同时把宽度设为0dp，这样系统会根据权重自动分配空间，适配不同屏幕。
• android:gap：可选属性，用来设置图片之间的间距，提升UI美观度（需要Android API 28及以上，低版本可以用margin代替）。
• scaleType和adjustViewBounds：保持adjustViewBounds="true"可以让图片维持原有宽高比，fitCenter会让图片居中显示且完整适配控件大小。

针对不同尺寸图片的额外优化 #

如果你的两张图片尺寸差异较大，想让它们高度一致、宽度按比例缩放，可以去掉layout_weight，把layout_width设为wrap_content，layout_height设为match_parent，这样图片会自动按原比例缩放，同时高度填满父布局：

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:orientation="horizontal"
    android:layout_weight="4"
    android:gap="8dp"
    android:alignItems="center"> <!-- 让图片垂直居中对齐 -->

    <ImageView 
        android:id="@+id/offerBanner1" 
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:adjustViewBounds="true" 
        android:src="@drawable/ic_offer_banner1" 
        android:scaleType="fitCenter" />

    <ImageView 
        android:id="@+id/offerBanner2" 
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:adjustViewBounds="true" 
        android:src="@drawable/ic_offer_banner2" 
        android:scaleType="fitCenter" />
</LinearLayout>

这样调整后，就能实现你想要的并排排列效果啦～

内容的提问来源于stack exchange，提问作者Dr. Kirit Kumar Saha