android - Glide - 如何并行加载多个图像？

Question

我正在尝试一个简单的测试。

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private static final int N = 20;
    private final List<ImageView> images = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        GridLayout root = ((GridLayout) findViewById(R.id.root));

        for (int i = 0; i < N; i++) {
            ImageView image = new ImageView(this);
            images.add(image);
            root.addView(image, 100, 100);
        }

        findViewById(R.id.load).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                load();
            }
        });

        Stetho.initialize(
                Stetho.newInitializerBuilder(this)
                        .enableDumpapp(Stetho.defaultDumperPluginsProvider(this))
                        .enableWebKitInspector(Stetho.defaultInspectorModulesProvider(this))
                        .build()
        );

        load();

    }

    private void load() {
        for (int i = 0; i < images.size(); i++)
            Glide.with(this).load("https://dummyimage.com/100x100/000/fff&text=" + (i + 1)).skipMemoryCache(true).diskCacheStrategy(DiskCacheStrategy.NONE).priority(Priority.IMMEDIATE).into(images.get(i));
    }

}

MyGlideModule.java

public class MyGlideModule implements GlideModule {


    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
    }

    @Override
    public void registerComponents(Context context, Glide glide) {
        OkHttpClient.Builder client = new OkHttpClient.Builder();
        HttpLoggingInterceptor logging = new HttpLoggingInterceptor();
        logging.setLevel(HttpLoggingInterceptor.Level.BODY);
        client.addInterceptor(logging);
        client.addNetworkInterceptor(new StethoInterceptor());
        OkHttpUrlLoader.Factory factory = new OkHttpUrlLoader.Factory(client.build());
        glide.register(GlideUrl.class, InputStream.class, factory);
    }
}

问题是图像是一张一张加载的，尽管我希望它们会同时加载。

它很好地显示在 Chrome 网络跟踪中(感谢 Stetho)

是否可以让 glide 一次开始加载所有图片？

Answer 1

解决方案是为 Glide(以及可选的 OkHttp)手动设置池执行器:

public class MyGlideModule implements GlideModule {

    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        builder.setResizeService(new FifoPriorityThreadPoolExecutor(100));
    }

    @Override
    public void registerComponents(Context context, Glide glide) {
        OkHttpClient.Builder builder = new OkHttpClient.Builder();
        builder.connectionPool(new ConnectionPool(100, 3, TimeUnit.SECONDS));
        OkHttpUrlLoader.Factory factory = new OkHttpUrlLoader.Factory(builder.build());
        glide.register(GlideUrl.class, InputStream.class, factory);
    }

}

默认情况下，Glide 使用大小等于 CPU 核心数的线程池。因此，如果它只检测到 1 个核心，它一次只会执行一个负载。
您可以根据需要在池中定义任意数量的线程(例如，此处为 100)。

反过来，OkHttp 对连接池也有默认限制，它并不像您预期​​的那样复杂(我在模拟器上发现只有 4 个)。您可以通过将带有自定义参数的连接池对象传递给 OkHttp 构建器来增加此限制。