Glide-如何并行加载多个图像? [英] Glide - how to load multiple images in parallel?

问题描述

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

I'm trying a simple test.

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);
    }
}

问题是图像被一一加载，尽管我希望图像会被同时加载.

The problem is that images are loaded one by one, though I expect the will be loaded simultaneously.

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

It well shown on the Chrome network trace (thanks to Stetho)

是否可以使滑行立即开始加载所有图像?

推荐答案

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

The solution is manually set pool executors for Glide (and optionally for 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).

By default Glide uses thread pool with size, which equals count of CPU cores. So if it detects just 1 core, it will do only one load a time.
You can define as many threads in pool, as you want (here 100, for example).

反过来，OkHttp在连接池上也有默认限制，并且没有您所期望的那么笨拙(我在仿真器上只发现了4个).您可以通过将带有自定义参数的连接池对象传递给OkHttp构建器来增加此限制.

In turn, OkHttp also has default limitation on connections pool, and it is not so mush, as you may expect (I found just 4 on emulator). You can increase this limit by passing connection pool object with custom parameters to OkHttp builder.

这篇关于Glide-如何并行加载多个图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！