在ListView中使用Glide库加载网络图片，为什么图片的大小会出现混乱？

Question

问题描述

我想写一个聊天的界面，用的是ListView来展示对话。其中有需要加载图片的地方，我使用glide进行加载。然而会出现图片大小经常随机变换的情况。
我写了一个测试的代码简化了一下问题。

但是快速下滑之后，图片的大小就都乱掉了。

问题出现的环境背景及自己尝试过哪些方法

相关代码

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private String[] urls = new String[]{"https:......"};
    //urls of images.

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView listView = findViewById(R.id.list_view);
        final SparseArray<String> sparseArray = new SparseArray<>();
        listView.setAdapter(new BaseAdapter() {
            @Override
            public int getCount() {
                return 100000;
            }

            @Override
            public Object getItem(int i) {
                String url = sparseArray.get(i);
                if(url == null){
                    url = urls[(int)(Math.random() * urls.length)];
                    sparseArray.put(i,url);
                }
                return url;
            }

            @Override
            public long getItemId(int i) {
                return i;
            }

            @Override
            public View getView(int i, View view, ViewGroup viewGroup) {
                if(view == null){
                    view = View.inflate(getBaseContext(),R.layout.list_view_item_image,null);
                }
                ImageView imageView = view.findViewById(R.id.image_view);
                Glide.with(getBaseContext())
                        .load((String)getItem(i))
                        .into(imageView);
                return view;
            }
        });
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

</android.support.constraint.ConstraintLayout>

list_view_item_image.xml

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

    <ImageView
        android:id="@+id/image_view"
        android:adjustViewBounds="true"
        android:maxHeight="200dp"
        android:maxWidth="200dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

你期待的结果是什么？实际看到的错误信息又是什么？

我希望ListView中每个ImageView都能根据图片的原始大小自动调整其宽高，所以设置了wrap_content，并且为了防止过大，加了maxHeight和maxWidth的限制。但是列表下滑的时候，图片会莫名其妙的缩小，而且缩小的程度及其随机。我不知道这是不是glide的问题，请问我能否在不修改glide源码的情况下修复这个问题？

Answer 1

是因为复用机制遇上图片异步加载造成的，假设第一个离开屏幕后的item的图片高度是100，被回收，而下一个要进入屏幕的item的图片高度是80，当图片还没加载完，下个item复用了第一个离开屏幕的item，产生了20的高度差，所以会出现错乱的现象，表现为图片展示区域与图片不匹配，要避免错乱，需要从item的高度控制入手，必须在图片加载方法之前设置图片高度（可以要后台给你图片的宽高），假如后台不给你宽高你就只能使用Glide先下载图片获取到bitmap

Answer 2

你需要 android:adjustViewBounds="true"