美文网首页
Glide源码学习(流程分析)

Glide源码学习(流程分析)

作者: Bernardo_Silva | 来源:发表于2018-05-06 15:38 被阅读0次
    本文基于Glide3.7源码分析。

    前言:Glide是最常用的图片加载框架,它最大的优点是帮我们实现了图片的缓存管理,而且它不会直接将图片的完整尺寸全部加载到内存中,而是用多少加载多少。Glide会自动判断ImageView的大小,然后只将这么大的图片像素加载到内存当中,帮助我们节省内存开支。

    从Glide的基础使用分析源码
      Glide.with(this).load(url).into(imageView);
    
    • with():返回值为RequestManager。如果在Glide.with()方法中传入的是一个Application对象,那么不需要做什么特殊的处理,它自动就是和应用程序的生命周期是同步的,如果应用程序关闭的话,Glide的加载也会同时终止。传入非Application参数的情况,不管你在Glide.with()方法中传入的是Activity、FragmentActivity、v4包下的Fragment、还是app包下的Fragment,最终的流程都是一样的,那就是会向当前的Activity当中添加一个隐藏的Fragment,之所以这样做,是因为Glide并没有办法知道Activity的生命周期,于是Glide就使用了添加隐藏Fragment的这种小技巧,因为Fragment的生命周期和Activity是同步的,如果Activity被销毁了,Fragment是可以监听到的,这样Glide就可以捕获这个事件并停止图片加载了。

      具体逻辑看下图:


      注意:如果我们是在非主线程当中使用的Glide,那么不管你是传入的Activity还是Fragment,都会被强制当成Application来处理。

    • load():返回值为DrawableTypeRequest。主要是loadGeneric()方法,方法里分别调用了buildStreamModelLoader()方法和buildFileDescriptorModelLoader()方法来获得ModelLoader对象。ModelLoader对象是用于加载图片的。在这一步就是初始化一些加载图片的对象,并且封装Request对象,request对象封装的是用户对加载图片的配置,例如placeholder()方法、error()方法。

    • into(): 返回值为Target。首先是通过buildRequest构造一个GenericRequest,将刚刚load()返回的DrawableTypeRequest里面的用户对加载图片的配置封装进去,这个Request是用来发出加载图片请求的;然后是调用runRequest方法,来执行这个Request。执行这个Request时,首先是判断是否显示error和placeholder的图片,然后判断用户是否设置overide,如果设置了,则直接走onSizeReady(),否则先对图片进行宽高进行计算,再走onSizeReady()。
      onSizeReady方法中,主要是调用了Engine中的load()方法,该方法中关键代码如下

            EngineJob engineJob = engineJobFactory.build(key, isMemoryCacheable);
            DecodeJob<T, Z, R> decodeJob = new DecodeJob<T, Z, R>(key, width, height, fetcher, loadProvider, transformation,
                    transcoder, diskCacheProvider, diskCacheStrategy, priority);
            EngineRunnable runnable = new EngineRunnable(engineJob, decodeJob, priority);
            jobs.put(key, engineJob);
            engineJob.addCallback(cb);
            engineJob.start(runnable);
    

    这里构建了一个EngineJob,它的主要作用就是用来开启线程的,为后面的异步加载图片做准备。创建了一个EngineRunnable对象,并且调用了EngineJob的start()方法来运行EngineRunnable对象,这实际上就是让EngineRunnable的run()方法在子线程当中执行了。EngineRunnable的run()方法里主要是调用了decode()方法,如下:

    private Resource<?> decode() throws Exception {
        if (isDecodingFromCache()) {
            return decodeFromCache();
        } else {
            return decodeFromSource();
        }
    }
    

    我们看decodeFromSource:

    private Resource<?> decodeFromSource() throws Exception {
        return decodeJob.decodeFromSource();
    }
    

    接着看DecodeJob中的decodeFromSource:

    class DecodeJob<A, T, Z> {
    
        ...
    
        public Resource<Z> decodeFromSource() throws Exception {
            Resource<T> decoded = decodeSource();
            return transformEncodeAndTranscode(decoded);
        }
    
        private Resource<T> decodeSource() throws Exception {
            Resource<T> decoded = null;
            try {
                long startTime = LogTime.getLogTime();
                final A data = fetcher.loadData(priority);
                if (Log.isLoggable(TAG, Log.VERBOSE)) {
                    logWithTimeAndKey("Fetched data", startTime);
                }
                if (isCancelled) {
                    return null;
                }
                decoded = decodeFromSourceData(data);
            } finally {
                fetcher.cleanup();
            }
            return decoded;
        }
    
        ...
    }
    

    这是先是调用fetcher.loadData(priority),即HttpUrlFetcher的loadData方法,在这里发起了网络请求,得到一个InputStream,然后用ImageVideoWrapper包一层返回回去。
    然后调用decoded = decodeFromSourceData(data);这个方法里面执行的其实就是从服务器返回的流当中读取数据。注意到的是,在读取数据前,会先从流中读取2个字节的数据,来判断这张图是GIF图还是普通的静图,然后调用不同的方法读取数据。读取数据的逻辑在Downsampler的decode()方法中。

    到这里

    public Resource<Z> decodeFromSource() throws Exception {
            Resource<T> decoded = decodeSource();
            return transformEncodeAndTranscode(decoded);
        }
    

    第一个方法就分析完了,接着是transformEncodeAndTranscode(decoded)方法,这个方法主要是进行转码的工作。到此为止,图片的加载工作其实已经完成了,剩下的就是把图片设置到ImageView。我们再回到Engine的run方法

    @Override
    public void run() {
        if (isCancelled) {
            return;
        }
        Exception exception = null;
        Resource<?> resource = null;
        try {
            resource = decode();
        } catch (Exception e) {
            if (Log.isLoggable(TAG, Log.VERBOSE)) {
                Log.v(TAG, "Exception decoding", e);
            }
            exception = e;
        }
        if (isCancelled) {
            if (resource != null) {
                resource.recycle();
            }
            return;
        }
        if (resource == null) {
            onLoadFailed(exception);
        } else {
            onLoadComplete(resource);
        }
    }
    

    将图片显示到ImageView就是通过onLoadComplete(resource)来实现的。大致的流程就是EngineJob中发送一个Handler消息,这个时候就切换到主线程中,然后通过回调的方式,最终回调到了GenericRequest的onResourceReady()方法当中(GenericRequest实现了ResourceCallback的接口),最后调用Target的onResourceReady()。

    到此整个流程就结束了。

    ---------------------------------------这是分割线------------------------------------------
    Glide的缓存
    Glide的缓存由内存缓存和磁盘缓存构成,默认是开启的,磁盘缓存有四种,默认是缓存转换过的图片,即RESULT模式。
    Glide的内存缓存由LruResouceCache和弱引用的HashMap两部分构成,取缓存的时候首先从LruResouceCache取,如果取不到,再从弱引用中取。其实这个弱引用的HashMap是存放当前正在使用的图片的,可以保证正在使用的图片不被Lru给回收了。Glide内存缓存还使用了acquire这个变量来计数,代表图片被引用的次数。
    Glide的磁盘缓存使用的则是自己实现的DiskLruCache。

    ---------------------------------------这是分割线------------------------------------------
    Glide的回调与监听

    1. Glide之自定义Target功能

    into()方法还有一个接收Target参数的重载即使我们传入的参数是ImageView,Glide也会在内部自动构建一个Target对象。而如果我们能够掌握自定义Target技术的话,就可以更加随心所欲地控制Glide的回调了。

    如果我们要进行自定义的话,通常只需要在两种Target的基础上去自定义就可以了,一种是SimpleTarget,一种是ViewTarget

    首先来看SimpleTarget,顾名思义,它是一种极为简单的Target,我们使用它可以将Glide加载出来的图片对象获取到,而不是像之前那样只能将图片在ImageView上显示出来。

    SimpleTarget<GlideDrawable> simpleTarget = new SimpleTarget<GlideDrawable>() {
        @Override
        public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
            imageView.setImageDrawable(resource);
        }
    };
    
    public void loadImage(View view) {
        String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
        Glide.with(this)
             .load(url)
             .into(simpleTarget);
    }
    

    接下来我们学习一下ViewTarget的用法

    public class MyLayout extends LinearLayout {
    
        private ViewTarget<MyLayout, GlideDrawable> viewTarget;
    
        public MyLayout(Context context, AttributeSet attrs) {
            super(context, attrs);
            viewTarget = new ViewTarget<MyLayout, GlideDrawable>(this) {
                @Override
                public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
                    MyLayout myLayout = getView();
                    myLayout.setImageAsBackground(resource);
                }
            };
        }
    
        public ViewTarget<MyLayout, GlideDrawable> getTarget() {
            return viewTarget;
        }
    
        public void setImageAsBackground(GlideDrawable resource) {
            setBackground(resource);
        }
    
    }
    

    在MyLayout的构造函数中,我们创建了一个ViewTarget的实例,并将Mylayout当前的实例this传了进去。ViewTarget中需要指定两个泛型,一个是View的类型,一个图片的类型(GlideDrawable或Bitmap)。然后在onResourceReady()方法中,我们就可以通过getView()方法获取到MyLayout的实例,并调用它的任意接口了

    1. preload()方法

    如果我希望提前对图片进行一个预加载,等真正需要加载图片的时候就直接从缓存中读取,不想再等待慢长的网络加载时间了,那就可以使用该方法。
    preload()方法的用法也非常简单,直接使用它来替换into()方法即可,如下所示:

    Glide.with(this)
         .load(url)
         .diskCacheStrategy(DiskCacheStrategy.SOURCE)
         .into(imageView);
    

    preload()方法有两个方法重载,一个不带参数,表示将会加载图片的原始尺寸,另一个可以通过参数指定加载图片的宽和高。

    需要注意的是,我们如果使用了preload()方法,最好要将diskCacheStrategy的缓存策略指定成DiskCacheStrategy.SOURCE。因为preload()方法默认是预加载的原始图片大小

    1. downloadOnly()方法
      顾名思义,downloadOnly()方法表示只会下载图片,而不会对图片进行加载。当图片下载完成之后,我们可以得到图片的存储路径,以便后续进行操作。它有两个方法重载,一个接收图片的宽度和高度,另一个接收一个泛型对象,如下所示:
    downloadOnly(int width, int height)
    downloadOnly(Y target)
    

    其中downloadOnly(int width, int height)是用于在子线程中下载图片的,而downloadOnly(Y target)是用于在主线程中下载图片的。

    先来看downloadOnly(int width, int height)的用法。当调用了downloadOnly(int width, int height)方法后会立即返回一个FutureTarget对象,然后Glide会在后台开始下载图片文件。接下来我们调用FutureTarget的get()方法就可以去获取下载好的图片文件了,如果此时图片还没有下载完,那么get()方法就会阻塞住,一直等到图片下载完成才会有值返回。

    public void downloadImage(View view) {
        new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
                    final Context context = getApplicationContext();
                    FutureTarget<File> target = Glide.with(context)
                                                     .load(url)
                                                     .downloadOnly(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL);
                    final File imageFile = target.get();
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Toast.makeText(context, imageFile.getPath(), Toast.LENGTH_LONG).show();
                        }
                    });
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        }).start();
    }
    

    下面解释downloadOnly(Y target)方法的用法,实现一个最简单的DownloadImageTarget,注意Target接口的泛型必须指定成File对象,这是downloadOnly(Y target)方法要求的,代码如下所示:

    public class DownloadImageTarget implements Target<File> {
    
        private static final String TAG = "DownloadImageTarget";
    
        @Override
        public void onStart() {
        }
    
        @Override
        public void onStop() {
        }
    
        @Override
        public void onDestroy() {
        }
    
        @Override
        public void onLoadStarted(Drawable placeholder) {
        }
    
        @Override
        public void onLoadFailed(Exception e, Drawable errorDrawable) {
        }
    
        @Override
        public void onResourceReady(File resource, GlideAnimation<? super File> glideAnimation) {
            Log.d(TAG, resource.getPath());
        }
    
        @Override
        public void onLoadCleared(Drawable placeholder) {
        }
    
        @Override
        public void getSize(SizeReadyCallback cb) {
            cb.onSizeReady(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL);
        }
    
        @Override
        public void setRequest(Request request) {
        }
    
        @Override
        public Request getRequest() {
            return null;
        }
    }
    

    其中只有两个方法是必须实现的,一个是getSize()方法,一个是onResourceReady()方法,Glide在开始加载图片之前会先计算图片的大小,然后回调到onSizeReady()方法当中,之后才会开始执行图片加载。而这里,计算图片大小的任务就交给我们了。只不过这是一个最简单的Target实现,我在getSize()方法中就直接回调了Target.SIZE_ORIGINAL,表示图片的原始尺寸。然后onResourceReady()方法我们就非常熟悉了,图片下载完成之后就会回调到这里。然后这样使用:

       Glide.with(this)
                .load(url)
                .downloadOnly(new DownloadImageTarget());
    
    1. listener()方法
      它可以用来监听Glide加载图片的状态。最基本的用法如下
    public void loadImage(View view) {
        String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
        Glide.with(this)
                .load(url)
                .listener(new RequestListener<String, GlideDrawable>() {
                    @Override
                    public boolean onException(Exception e, String model, Target<GlideDrawable> target,
                        boolean isFirstResource) {
                        return false;
                    }
    
                    @Override
                    public boolean onResourceReady(GlideDrawable resource, String model,
                        Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                        return false;
                    }
                })
                .into(imageView);
    }
    

    nResourceReady()方法和onException()方法都有一个布尔值的返回值,返回false就表示这个事件没有被处理,还会继续向下传递,返回true就表示这个事件已经被处理掉了,从而不会再继续向下传递。举个简单点的例子,如果我们在RequestListener的onResourceReady()方法中返回了true,那么就不会再回调Target的onResourceReady()方法了。
    ---------------------------------------这是分割线------------------------------------------

    Glide的图片变化功能

    注意:当ImageView的scaleType是CENTER_CROP、FIT_CENTER、FIT_START或FIT_END时,Glide会自动添加一个图片变换操作

    dontTransform(),表示让Glide在加载图片的过程中不进行图片变换

    Glide.with(this)
         .load(url)
         .dontTransform()
         .into(imageView);
    

    但是使用dontTransform()方法存在着一个问题,就是调用这个方法之后,所有的图片变换操作就全部失效了,如果我有一些图片变换操作是必须要执行的该怎么办呢?这种情况下我们只需要借助override()方法强制将图片尺寸指定成原始大小就可以了

    Glide内置了两种图片变换操作,我们可以直接拿来使用,一个是CenterCrop,一个是FitCenter,他们其实都是借助transform()方法来是实现的

    centerCrop()方法还可以配合override()方法来实现更加丰富的效果

    Glide.with(this)
         .load(url)
         .override(500, 500)
         .centerCrop()
         .into(imageView);
    

    自定义图片变换功能其实比较简单,下面看看实现对图片进行圆形化变换的功能

    public class CircleCrop extends BitmapTransformation {
    
        public CircleCrop(Context context) {
            super(context);
        }
    
        public CircleCrop(BitmapPool bitmapPool) {
            super(bitmapPool);
        }
    
        @Override
        public String getId() {
            return "com.example.glidetest.CircleCrop";
        }
    
        @Override
        protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
            int diameter = Math.min(toTransform.getWidth(), toTransform.getHeight());
    
            final Bitmap toReuse = pool.get(outWidth, outHeight, Bitmap.Config.ARGB_8888);
            final Bitmap result;
            if (toReuse != null) {
                result = toReuse;
            } else {
                result = Bitmap.createBitmap(diameter, diameter, Bitmap.Config.ARGB_8888);
            }
    
            int dx = (toTransform.getWidth() - diameter) / 2;
            int dy = (toTransform.getHeight() - diameter) / 2;
            Canvas canvas = new Canvas(result);
            Paint paint = new Paint();
            BitmapShader shader = new BitmapShader(toTransform, BitmapShader.TileMode.CLAMP, 
                                                BitmapShader.TileMode.CLAMP);
            if (dx != 0 || dy != 0) {
                Matrix matrix = new Matrix();
                matrix.setTranslate(-dx, -dy);
                shader.setLocalMatrix(matrix);
            }
            paint.setShader(shader);
            paint.setAntiAlias(true);
            float radius = diameter / 2f;
            canvas.drawCircle(radius, radius, radius, paint);
    
            if (toReuse != null && !pool.put(toReuse)) {
                toReuse.recycle();
            }
            return result;
        }
    }
    

    glide-transformations这个库实现了很多通用的图片变换效果,如裁剪变换、颜色变换、模糊变换等等,使得我们可以非常轻松地进行各种各样的图片变换。glide-transformations的项目主页地址是 https://github.com/wasabeef/glide-transformations

    ---------------------------------------这是分割线------------------------------------------

    Glide的自定义模块功能

    首先需要定义一个我们自己的模块类,并让它实现GlideModule接口,如下所示:

    public class MyGlideModule implements GlideModule {
        @Override
        public void applyOptions(Context context, GlideBuilder builder) {
        }
    
        @Override
        public void registerComponents(Context context, Glide glide) {
        }
    }
    

    两个方法分别就是用来更改Glide和配置以及替换Glide组件的,然后在AndroidManifest.xml文件当中加入如下配置:

    <application>
    
            <meta-data
                android:name="com.example.glidetest.MyGlideModule"
                android:value="GlideModule" />
    
            ...
    
    </application>
    

    其中name为自定义模块类的路径,value为固定值,只能是"GlideModule"。

    如果想要更改Glide的默认配置,只需要在applyOptions()方法中提前将Glide的配置项进行初始化就可以了,有以下的配置项:

    setMemoryCache() 
    用于配置Glide的内存缓存策略,默认配置是LruResourceCache。
    
    setBitmapPool() 
    用于配置Glide的Bitmap缓存池,默认配置是LruBitmapPool。
    
    setDiskCache() 
    用于配置Glide的硬盘缓存策略,默认配置是InternalCacheDiskCacheFactory,默认硬盘缓存大小是250M。
    
    setDiskCacheService() 
    用于配置Glide读取缓存中图片的异步执行器,默认配置是FifoPriorityThreadPoolExecutor,也就是先入先出原则。
    
    setResizeService() 
    用于配置Glide读取非缓存中图片的异步执行器,默认配置也是FifoPriorityThreadPoolExecutor。
    
    setDecodeFormat() 
    用于配置Glide加载图片的解码模式,默认配置是RGB_565。
    

    以上是更改Glide的配置,下面说说替换Glide的组件。
    Glide网络通讯默认使用的是HttpURLConnection,如果我们希望修改默认的网络通讯为OkHttp,那么可以这样做:

    public class MyGlideModule implements GlideModule {
    
        ...
    
        @Override
        public void registerComponents(Context context, Glide glide) {
            glide.register(GlideUrl.class, InputStream.class, new OkHttpGlideUrlLoader.Factory());
        }
    
    }
    

    使用

      glide.register(GlideUrl.class, InputStream.class, new OkHttpGlideUrlLoader.Factory());
    

    来注册组件,register()方法中使用Map类型来存储已注册的组件,因此我们这里重新注册了一遍GlideUrl.class类型的组件,就把原来的组件给替换掉了,原来的组件注册如下:

    register(GlideUrl.class, InputStream.class, new HttpUrlGlideUrlLoader.Factory());
    

    这句代码就表示,我们可以使用Glide.with(context).load(new GlideUrl("url...")).into(imageView)的方式来加载图片,而HttpUrlGlideUrlLoader.Factory则是要负责处理具体的网络通讯逻辑。这里之所以不是替换String.class类型的组件是因为,load(String)方法只是Glide给我们提供一种简易的API封装而已,它的底层仍然还是调用的GlideUrl组件,因此我们在替换组件的时候只需要直接替换最底层的。

    上面方法中的第三个参数OkHttpGlideUrlLoader需要我们自己定义。

    替换Glide的默认网络通讯组件有更简便的方法:

    dependencies {
        compile 'com.squareup.okhttp3:okhttp:3.9.0'
        compile 'com.github.bumptech.glide:okhttp3-integration:1.5.0@aar'
    }
    

    相关文章

      网友评论

          本文标题:Glide源码学习(流程分析)

          本文链接:https://www.haomeiwen.com/subject/qajurftx.html