Glide 不能说的秘密

作者: lovejjfg | 来源:发表于2016-06-25 11:12 被阅读3195次

    Glide简介

    An image loading and caching library for Android focused on smooth scrolling
    一个专注于流畅滑动的图片加载和缓存库

    优势

    其实现在,图片加载和缓存的库已经超级多了,Glide是目前谷歌官方推荐的加载库,它有一个比较牛的特点就是支持GIF格式的图片播放,目前的人气也超级高!!另外还可以设置渐变的加载效果,控制相关缓存策略等!以下就围绕这些做一些具体的介绍!

    引入库

    repositories {
      mavenCentral() // jcenter() works as well because it pulls from Maven Central
    }
    
    dependencies {
      compile 'com.github.bumptech.glide:glide:3.7.0'
      compile 'com.android.support:support-v4:19.1.0'
    }
    

    如果你的网络请求底层使用了Okhttp的话,那么可以指定这个让Glide网络层使用Okhttp

     dependencies {
    compile 'com.github.bumptech.glide:okhttp-integration:1.4.0@aar'
    //compile 'com.squareup.okhttp:okhttp:2.2.0'
    }
    
    dependencies {
    compile 'com.github.bumptech.glide:okhttp3-integration:1.4.0@aar'
    //compile 'com.squareup.okhttp3:okhttp:3.2.0'
    }
    

    配置这个话,还需要在AndroidManifest里面加入相关的配置:

    <meta-data
            android:name="com.bumptech.glide.integration.okhttp.OkHttpGlideModule"
            android:value="GlideModule" />
    

    基本的加载

      Glide.with(image.getContext())
                    .load(imageUrl)
                    .into(image);
    

    在这个的基础之上,设置默认显示的图片,设置加载错误的图片,设置渐变效果.crossFade()来指定一个渐变的效果:

      Glide.with(image.getContext()) 
                    .load(imageUrl)        
                    .error(R.mipmap.girl)
                    .placeholder(R.mipmap.ic_launcher) 
                    .crossFade(R.anim.fade_out_rapidly, 5000)
                    .into(image);
    

    一般使用到这这里就差不多了吧,不过要是觉得Glide就这样了那可真的是太对不住Glide了!


    进阶-缓存策略:

    Glide默认会使用磁盘缓存和内存缓存的,你可以根据喜好和相关的使用场景定制相关的策略。

    skipMemoryCache()跳过内存缓存,这个默认就是false。如果不需要就设置为true来确保不会缓存到内存中。

    diskCacheStrategy() 磁盘缓存策略,Glide支持很多种图片缓存策略。

    DiskCacheStrategy.RESOURCE 只缓存原始文件

    DiskCacheStrategy.ALL 缓存所有size的图片和源文件

    DiskCacheStrategy.RESULT 缓存最后的结果文件

    DiskCacheStrategy.NONE 撒都不缓存

    在V3的版本默认是DiskCacheStrategy.RESULT的策略。

    进阶-转换

    asBitmap() //总是将其转换为Bitmap的对象
    asGif() //总是将其转换为gi的对象,但是如果它不是gif的,那么就会转换失败,所以最好要设置一个error()的对象
    

    另外Glide提供了相关的方法,你可以自定义相关的 Transformation,来完成相关的转换!
    这里一共有两个方法,一个是transform(),一个是getId(),如果说我们需要完成一些自己的需求,比如说,你需要加载出圆形的图片,这里简单有效的方法就是直接设置一个CirCleTransform就好了:

    public class CircleTransform extends BitmapTransformation {
    
        public CircleTransform(Context context) {
            super(context);
        }
    
        private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {
            if (source == null) return null;
    
            int size = Math.min(source.getWidth(), source.getHeight());
            int x = (source.getWidth() - size) / 2;
            int y = (source.getHeight() - size) / 2;
    
            // TODO this could be acquired from the pool too
            Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);
    
            Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);
            if (result == null) {
                result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
            }
    
            Canvas canvas = new Canvas(result);
            Paint paint = new Paint(Paint.FILTER_BITMAP_FLAG | Paint.DITHER_FLAG | Paint
                    .ANTI_ALIAS_FLAG);
            paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader
                    .TileMode.CLAMP));
            float r = size / 2f;
            canvas.drawCircle(r, r, r, paint);
            return result;
        }
    
        @Override
        protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
            return circleCrop(pool, toTransform);
        }
    
        @Override
        public String getId() {
            return getClass().getName();
        }
    }
    

    stackoverflow

    如果需要圆角矩形的话:

    public class RoundTransform extends BitmapTransformation {
        private int cornerRadius;
        private RectF rectF = new RectF();
    
        /**
         * @param round dp
         */
        public RoundTransform(Context context,int round) {
            super(context);
            float density = context.getResources().getDisplayMetrics().density;
            this.cornerRadius = (int) (round/density+0.5f);
        }
    
        private  Bitmap circleCrop(BitmapPool pool, Bitmap source) {
            if (source == null) return null;
            int width = source.getWidth();
            int height = source.getHeight();
            rectF.set(0, 0, width, height);
    
    
            Bitmap squared = Bitmap.createBitmap(source, 0, 0, width, height);
    
            Bitmap result = pool.get(width, height, Bitmap.Config.ARGB_8888);
            if (result == null) {
                result = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
            }
    
            Canvas canvas = new Canvas(result);
            Paint paint = new Paint(Paint.FILTER_BITMAP_FLAG | Paint.DITHER_FLAG | Paint
                    .ANTI_ALIAS_FLAG);
            paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader
                    .TileMode.CLAMP));
            canvas.drawRoundRect(rectF, cornerRadius, cornerRadius, paint);
            return result;
        }
    
        @Override
        protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
            return circleCrop(pool, toTransform);
        }
    
        @Override
        public String getId() {
            return getClass().getName();
        }
    }
    

    Glide还为我们提供了CenterCrop FitCenter等转换器,这些我们都可以直接使用!
    这里的getId()返回的必须是唯一的字符串

    说白了,我们这里可以做很多的操作的,因为我们已经拿到相关的对象,可以随意的进行各种旋转、平移、放大、高斯模糊等。
    Glide 转换集合 已经给我们尽可能提过了足够的转换!

    所以,还去引入什么CircleImageView什么的,真的就可以考虑考虑了,简直弱爆了!一个Transform直接搞定。

    进阶-相关回调

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

    onResourceReady()当资源加载成功之后,会走这个回调。

    onException() 当加载异常时,会走这个回调。

    进阶-各种Target

      Glide.with(getApplicationContext())
                .load(imageUrl)
                .into(mTarget);
    

    如果需要给自定义View加载对应的图片,因为Glide根本不知道图片需要加载到那个具体的View上面去展示,那这个就需要使用Glide为我们提供的相关接口,自己去实现就好了。

    比如我们这里有一个自定义的FrameLayout,名字就叫MyFrameLayout,里面有一个TextView和一个ImageView,
    对外提供一个方法:

    public void setimage(Drawable current) {
        imageView.setBackground(current);
    }
    

    然后自定义一个ViewTarget:

        public class MyViewTarget extends ViewTarget<MyFrameLayout, GlideDrawable> {
            public MyViewTarget(MyFrameLayout view) {
                super(view);
        
            }
        
            @Override
            public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
                this.view.setImage(resource.getCurrent());
        
            }
        }
    
    
    `Glide`已经针对一些特殊情况制定了一些适合的Target,比如说通知栏相关的创建,`NotificationTarget`这些我们都可以直接获取使用。
    

    进阶-定制各种策略

    我们可以通过GlideMode来定制相关的策略,比如说磁盘缓存,内存缓存,加载图片使用的编码等!
    
        public class GlideConfiguration implements GlideModule {
    
        @Override
        public void applyOptions(Context context, GlideBuilder builder) {
            // Prefer higher quality images unless we're on a low RAM device
            MemorySizeCalculator calculator = new MemorySizeCalculator(context);
            int defaultMemoryCacheSize = calculator.getMemoryCacheSize();
            int defaultBitmapPoolSize = calculator.getBitmapPoolSize();
    
            int customMemoryCacheSize = (int) (1.2 * defaultMemoryCacheSize);
            int customBitmapPoolSize = (int) (1.2 * defaultBitmapPoolSize);
    
            //1、内存缓存相关
            builder.setMemoryCache(new LruResourceCache(customMemoryCacheSize));
            builder.setBitmapPool(new LruBitmapPool(customBitmapPoolSize));
    
            // set size & external vs. internal
            int cacheSize100MegaBytes = 104857600;
            //2、磁盘缓存相关
            builder.setDiskCache(
    //                new InternalCacheDiskCacheFactory(context, cacheSize100MegaBytes)//内部使用的磁盘缓存区
                    new ExternalCacheDiskCacheFactory(context, cacheSize100MegaBytes)//外部可以访问的磁盘缓存区
    
            );
    
    
            ActivityManager activityManager =
                    (ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE);
            //3、根据运行内存情况,自定义对图像的编码格式
            builder.setDecodeFormat(activityManager.isLowRamDevice() ?
                            DecodeFormat.PREFER_RGB_565 : DecodeFormat.PREFER_ARGB_8888);
        }
    
        @Override
        public void registerComponents(Context context, Glide glide) {
    
        }
    }
    

    记得要在AndroidManifiest里面配置相关的参数:

      <meta-data
                android:name="io.plaidapp.util.glide.GlideConfiguration"
                android:value="GlideModule" />
    

    总结

    青出于蓝胜于蓝,Glide就是在Picasso的基础上改进出来的,有着相似的调用方法!作为新秀,增加的Gif的支持可以说是它的新的优势!丰富的缓存策略也更能满足开发需求。
    要看Glide运用项目的话,推荐Plaid,保证你有收获!

    相关文章

      网友评论

      • 相互交流:楼主这个框架,,在缓存图片的时候,,有没有只带压缩功能???
      • 02af9b1cbd13:写的很不错,加油
      • 028257ecd619:写的很不错。。
      • 那些云:正需要这个,只会基本的使用也是蛋疼。感谢!

      本文标题:Glide 不能说的秘密

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