Android Studio中Glide加载URL图片后ImageView对齐异常求助

现象说明 #

• 使用Glide设置URL图片前：网格中的带X矩形整齐排列，所有ImageView尺寸一致。
• 使用Glide设置URL图片后：部分ImageView因加载的网络图片比例与默认图不同，高度被撑开，导致网格对齐错乱。

问题根源 #

当前布局通过嵌套LinearLayout + layout_weight实现网格，但ImageView的layout_height="wrap_content"搭配adjustViewBounds="true"，会让ImageView根据加载图片的实际比例自适应高度，破坏了网格的统一尺寸。

修复方案 #

1. 统一ImageView尺寸（快速修复） #

修改所有ImageView的布局属性，强制统一宽高：

• 将layout_width设为0dp（利用layout_weight分配父容器宽度）
• 固定layout_height为一个合适的值（比如120dp，根据需求调整）
• 更换scaleType为centerCrop或fitCenter，让图片适配ImageView尺寸

修改后的ImageView示例：

<ImageView
    android:id="@+id/image1"
    android:layout_width="0dp"
    android:layout_height="120dp"
    android:layout_weight="1"
    android:scaleType="centerCrop"
    android:src="@drawable/recx" />

如果想要自适应宽度的正方形网格，可以让ImageView高度跟随宽度：

<!-- 外层水平LinearLayout需添加android:weightSum="3" -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="3">

    <ImageView
        android:id="@+id/image1"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:src="@drawable/recx"
        android:minHeight="100dp" />
</LinearLayout>

2. 优化Glide加载逻辑 #

加载图片时，配合ImageView的scaleType设置Glide的缩放策略，确保图片填充ImageView：

Glide.with(this)
    .load("https://cdn.stocksnap.io/img-thumbs/280h/tree-desert_JMTQNOJWU8.jpg")
    .centerCrop() // 和ImageView的scaleType对应，保证图片填充容器
    .into(img1);

3. 长期最优方案：改用GridView/RecyclerView #

嵌套LinearLayout的网格布局扩展性差，推荐使用RecyclerView（搭配GridLayoutManager）或GridView，原生支持网格对齐：

布局示例（RecyclerView）

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/gridRecyclerView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/gameScoreDynamic" />

Activity配置

RecyclerView recyclerView = findViewById(R.id.gridRecyclerView);
// 设置为3列网格
recyclerView.setLayoutManager(new GridLayoutManager(this, 3));
// 自定义适配器处理图片加载和点击事件
recyclerView.setAdapter(new GridImageAdapter());

总结 #

优先通过修改ImageView的宽高属性统一尺寸，配合Glide的缩放配置即可快速解决对齐问题；如果后续需要扩展功能（比如添加更多图片、下拉刷新），直接改用RecyclerView会更高效。

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