• Android图片缓存之初识Glide


    前言:

         前面总结学习了图片的使用以及Lru算法,今天来学习一下比较优秀的图片缓存开源框架。技术本身就要不断的更迭,从最初的自己使用SoftReference实现自己的图片缓存,到后来做电商项目自己的实现方案不能满足项目的需求改用Afinal,由于Afinal不再维护而选择了师出同门的Xutils,中间也接触过别的开源框架比如Picasso,对Picasso的第一次印象就不太好,初次接触是拿到了公司刚从外包公司接手过来的图片社交类app,对内存占用太大,直接感受就是导致ListView滑动有那么一点卡顿,老牌的图片缓存框架universalImageLoader听说过一直没有真正使用过,之前项目都很小,差不多几百万级别的app,一直使用的都是Xutils,最近觉得项目大起来了,万一Xutils不维护了或者说要求支持的图片格式多起来的时候,可能Xutils就不是最佳选择了,这也是来学习Gilde的根本动机吧。其实本来想着去学习Facebook的Fresco图片框架,但是简单的看了一下,需要连同自定义控件一起使用,功能虽然强大,但是对于已经在维护的项目修改成本那可不是一般的高,以后有兴趣在学习吧!

     图片缓存相关博客地址:

    Glide简介:

            Glide 是 Google 员工的开源项目, Google I/O 上被推荐使用,一个高效、开源、Android设备上的媒体管理框架,它遵循BSD、MIT以及Apache 2.0协议发布。Glide具有获取、解码和展示视频剧照、图片、动画等功能,它还有灵活的API,这些API使开发者能够将Glide应用在几乎任何网络协议栈里。创建Glide的主要目的有两个,一个是实现平滑的图片列表滚动效果,另一个是支持远程图片的获取、大小调整和展示。

     gitHub地址:https://github.com/bumptech/glide

    Glide特点

    •  使用简单
    • 可配置度高,自适应程度高
    • 支持常见图片格式 Jpg png gif webp
    • 支持多种数据源  网络、本地、资源、Assets 等
    • 高效缓存策略    支持Memory和Disk图片缓存 默认Bitmap格式采用RGB_565内存使用至少减少一半
    • 生命周期集成   根据Activity/Fragment生命周期自动管理请求
    • 高效处理Bitmap  使用Bitmap Pool使Bitmap复用,主动调用recycle回收需要回收的Bitmap,减小系统回收压力

    Glide简单使用

    1.)添加引用 build.gradle 中添加配置

      compile 'com.github.bumptech.glide:glide:3.7.0'

    2.)设置绑定生命周期

    我们可以更加高效的使用Glide提供的方式进行绑定,这样可以更好的让加载图片的请求的生命周期动态管理起来

      Glide.with(Context context);// 绑定Context
      Glide.with(Activity activity);// 绑定Activity
      Glide.with(FragmentActivity activity);// 绑定FragmentActivity
      Glide.with(Fragment fragment);// 绑定Fragment

     

    3. )简单的加载图片实例

     Glide.with(this).load(imageUrl).into(imageView);

    4.)设置加载中以及加载失败图片

    api里面对placeholder()、error()函数中有多态实现 用的时候可以具体的熟悉一下

    Glide.with(this).load(imageUrl).placeholder(R.mipmap.ic_launcher).error(R.mipmap.ic_launcher).into(imageView);

    5.)设置跳过内存缓存

     Glide.with(this).load(imageUrl).skipMemoryCache(true).into(imageView);

    6.)设置下载优先级

    Glide.with(this).load(imageUrl).priority(Priority.NORMAL).into(imageView);

    7.)设置缓存策略

    Glide.with(this).load(imageUrl).diskCacheStrategy(DiskCacheStrategy.ALL).into(imageView);

    策略解说:

    all:缓存源资源和转换后的资源

    none:不作任何磁盘缓存

    source:缓存源资源

    result:缓存转换后的资源

    8.)设置加载动画

    api也提供了几个常用的动画:比如crossFade()

      Glide.with(this).load(imageUrl).animate(R.anim.item_alpha_in).into(imageView);
    R.anim.item_alpha_in
    复制代码
    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <alpha
            android:duration="500"
            android:fromAlpha="0.0"
            android:toAlpha="1.0"/>
    </set>
    复制代码

    9.)设置缩略图支持

    这样会先加载缩略图 然后在加载全图

     Glide.with(this).load(imageUrl).thumbnail(0.1f).into(imageView);

    10.)设置加载尺寸

     Glide.with(this).load(imageUrl).override(800, 800).into(imageView);

    11.)设置动态转换

     Glide.with(this).load(imageUrl).centerCrop().into(imageView);

        api提供了比如:centerCrop()、fitCenter()等函数也可以通过自定义Transformation,举例说明:比如一个人圆角转化器

    复制代码
     public class GlideRoundTransform extends BitmapTransformation {
            private float radius = 0f;
            public GlideRoundTransform(Context context) {
                this(context, 4);
            }
    
            public GlideRoundTransform(Context context, int dp) {
                super(context);
                this.radius = Resources.getSystem().getDisplayMetrics().density * dp;
            }
    
            @Override
            protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
                return roundCrop(pool, toTransform);
            }
    
            private Bitmap roundCrop(BitmapPool pool, Bitmap source) {
                if (source == null) return null;
    
                Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
                if (result == null) {
                    result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
                }
                Canvas canvas = new Canvas(result);
                Paint paint = new Paint();
                paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
                paint.setAntiAlias(true);
                RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());
                canvas.drawRoundRect(rectF, radius, radius, paint);
                return result;
            }
    
            @Override
            public String getId() {
                return getClass().getName() + Math.round(radius);
            }
        }
    复制代码

     

    具体使用

    Glide.with(this).load(imageUrl).transform(new GlideRoundTransform(this)).into(imageView);

    12.)设置要加载的内容

    项目中有很多需要先下载图片然后再做一些合成的功能,比如项目中出现的图文混排,该如何实现目标下

    复制代码
            Glide.with(this).load(imageUrl).centerCrop().into(new SimpleTarget<GlideDrawable>() {
                @Override
                public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
                    imageView.setImageDrawable(resource);
                }
            });
    复制代码

    13 .)设置监听请求接口

    复制代码
      Glide.with(this).load(imageUrl).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) {
                    //imageView.setImageDrawable(resource);
                    return false;
                }
            }).into(imageView);
    复制代码

     

    设置监听的用处 可以用于监控请求发生错误来源,以及图片来源 是内存还是磁盘

    15.)设置动态GIF加载方式

     Glide.with(this).load(imageUrl).asBitmap().into(imageView);//显示gif静态图片
     Glide.with(this).load(imageUrl).asGif().into(imageView);//显示gif动态图片

     16.)缓存的动态清理

     Glide.get(this).clearDiskCache();//清理磁盘缓存 需要在子线程中执行
     Glide.get(this).clearMemory();//清理内存缓存  可以在UI主线程中进行

     

    小结:

       以上是Glide的常规用法,基本上满足开发需要了,然后再去学习一下其他相关知识。

  • 相关阅读:
    form表单ajaxSubmit提交并验证
    jQuery幸运大转盘_jQuery+PHP抽奖程序
    thinkphp3.2 + soap
    chart.js图表 传值问题
    window和document的区别理解,bom和dom的区别理解
    JS弹出层制作,以及移动端禁止弹出层下内容滚动,overflow:hidden移动端失效问题
    富文本编辑器summernote的基本使用
    input文件类型上传,或者作为参数拼接的时候注意的问题!
    使用input选择本地图片,并且实现预览功能
    整体页面加载和某一模块加载监听
  • 原文地址:https://www.cnblogs.com/vegetate/p/9997261.html
Copyright © 2020-2023  润新知