zoukankan      html  css  js  c++  java
  • Android-Glide使用*

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Li_Qing_Xue/article/details/78919499

    图片加载很是重要,我也对比过别的库,觉得还是Glide好用,我只是简单的分享下我开发用到的相关知识,整理下项目相关的库,废话不多说,直接开始吧

    Glide的配置

    配置很简单,只要在Module的Gradle添加依赖即可

    compile 'com.github.bumptech.glide:glide:3.7.0'
    compile 'com.android.support:support-v4:25.3.0'

    当然,如果涉及到网络加载图片,记得添加网络权限

    <uses-permission android:name="android.permission.INTERNET" />

    Glide的使用

    1、初始化

    Glide支持Activity和Fragment的绑定

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

    将Activity/Fragment作为with()参数的好处是:图片加载会和Activity/Fragment的生命周期保持一致

    2、加载资源

    Glide支持网络资源、assets资源、Resources资源、File资源、Uri资源、字节数组

    Glide.with(this).load("http://pic9/258/a2.jpg").into(iv);
    Glide.with(this).load("file:///xxx.jpg").into(iv);
    Glide.with(this).load(R.mipmap.ic_launcher).into(iv);
    Glide.with(this).load(file).into(iv);
    Glide.with(this).load(uri).into(iv);
    Glide.with(this).load(byte[]).into(iv); 

    3、加载gif图片

    • 加载静态gif图片(静态就是gif相当于一张图片)
    Glide.with(this).load(imageUrl).asBitmap().into(iv);
    • 加载动态gif图片(gif是动的)
    Glide.with(this).load(imageUrl).asGif().into(iv);
    • 显示本地视频 
      Glide 还能显示视频!只要他们是存储在手机上的。假设你通过让用户选择一个视频后得到了一个文件路径:
    String filePath = "/storage/emulated/0/Pictures/example_video.mp4";
    Glide.with(context).load(Uri.fromFile(new File( filePath))).into(iv);

    这里需要注意的是,这仅仅对本地视频起作用。如果没有存储在该设备上的视频(如一个网络 URL 的视频),它是不工作的!

    4、设置加载中和加载失败的图片

    • 设置加载中图片
    .placeholder(R.drawable.placeholder)
    • 设置加载失败图片
    .error(R.drawable.error)
    • 设置缩略图支持
    //先加载缩略图 然后在加载全图
    Glide.with(this)
         .load(imageUrl)
         .thumbnail(0.1f)
         .into(iv);

    5、设置加载动画

    • 默认是淡入淡出动画
    Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .crossFade(int duration)//去减慢(或加快)动画
    .into(iv);
    • 使用 crossFade()
    Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .crossFade()//动画默认的持续时间是 300毫秒
    .into(iv);
    • 添加自定义动画
    Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .animate(R.anim.fade_in)
    .into(iv);
    • 去除动画
    Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .dontAnimate()
    .into(iv);

    6、 缩放图像

    • CenterCrop 即缩放图像至填充到 ImageView内,裁剪额外的部分。ImageView会完全填充,但图像可能不会显示不全。
    Glide.with(this).load(url).centerCrop().into(iv);
    • fitCenter() 图片会按照imageview长宽中最小的边界作为依据,按比例缩放图像。该图像将会完全显示,但可能不会填满整个 ImageView。
    Glide.with(this).load(url).fitCenter().into(iv);

    7、设置监听回调

    Glide.with(this)
        .load(imageUrl)
        .listener(RequestListener listener)
        .into(iv);

    8、设置加载尺寸

    • 指定尺寸(图片大小在xml中不能写死,是wrap_content才可以指定尺寸)
    Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .override(600,600)
    .into(iv);

    9、设置缓存策略

    • 设置跳过内存缓存
    Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .skipMemoryCache(true)
    .into(iv);
    • 设置缓存策略
    Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .diskCacheStrategy(DiskCacheStrategy.ALL)
    .into(iv);
    DiskCacheStrategy.ALL //缓存源资源和转换后的资源
    DiskCacheStrategy.NONE//不做任何磁盘缓存
    DiskCacheStrategy.RESULT //缓存转换后的资源
    DiskCacheStrategy.SOURCE缓存源资源
    • 清理磁盘缓存
    Glide.get(this).clearDiskCache();//在子线程中进行
    • 清理内存缓存
    Glide.get(this).clearMemory();//可以在主线程
    • 设置磁盘缓存目录和图片效果(默认Bitmap格式是RGB_565) 
      1,在AndroidManifest中application节点下:
    <!--glide缓存目录设置-->
     <meta-data
         android:name="包名.widget.GlideModuleConfig"
         android:value="GlideModule" />

    2 , 创建类GlideModuleConfig

    public class GlideModuleConfig implements GlideModule {
        @Override
        public void applyOptions(Context context, GlideBuilder builder) {
    //内部存储/Android/data/包名/cache/glide-images
    builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, "glide-images", 2 * 1024 * 1024));   
    //将默认的RGB_565效果转换到ARGB_8888
     builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);
        }
    
        @Override
        public void registerComponents(Context context, Glide glide) {
            //不做处理
        }
    }

    10、BitmapTransformation

    Glide在Github上还有一个库,可以处理图片效果,比如裁剪、圆角、高斯模糊等等

    • 引入依赖库
    compile 'jp.wasabeef:glide-transformations:2.0.1'
    • 实现高斯模糊
    //radius取值1-25,值越大图片越模糊
    Glide.with(context).load(url).bitmapTransform(new BlurTransformation(context, radius)).into(iv);  
    • 原图基础上变换设置圆形图
    Glide.with(context).load(url).bitmapTransform(new CropCircleTransformation(this)).into(iv);  
    • 原图基础上变换成圆图 +毛玻璃(高斯模糊)
    Glide.with(this).load(url).bitmapTransform(new BlurTransformation(this, 25), new CropCircleTransformation(this)).into(iv);
    • 原图处理成圆角
    //如果是四周已经是圆角则RoundedCornersTransformation.CornerType.ALL
    Glide.with(this)
                    .load(url)
                    .bitmapTransform(new RoundedCornersTransformation(this, 30, 0, RoundedCornersTransformation.CornerType.BOTTOM))

    总结来自郭霖的博文:http://blog.csdn.net/guolin_blog/article/details/53759439

    1. Glide.with()方法用于创建一个加载图片的实例.with()方法可以接受Context,Activity或者fragment类型的参数,
      activity或者fragment被销毁的时候,图片加载也会停止,如果传入的是ApplicationContext,那么只有当应用程序被杀掉的时候,图片加载才会停止;Glide并没有办法知道Activity的生命周期,于是Glide就使用了添加隐藏Fragment的这种小技巧,因为Fragment的生命周期和Activity是同步的,如果Activity被销毁了,Fragment是可以监听到的,这样Glide就可以捕获这个事件并停止图片加载了。

    2. Glide支持加载各种各样的图片支援,包括网络图片,本地图片,应用资源,二进制流,Uri对象等等;

    3. Glide可以指定图片大小,例如方法: .override(100, 100);这样Glide就只会将图片加载成100*100像素的尺寸,尔不用管你的imageview的带下是多少

    4. Glide的缓存设计可以说是非常先进的,考虑的场景也很周全。在缓存这一功能上,Glide又将它分成了两个模块,一个是内存缓存,一个是硬盘缓存。内存缓存: 默认情况下,Glide自动就是开启内存缓存的,如果需要禁用内存缓存功能,只需要调用skipMemoryCache()方法并传入true,就表示禁用掉Glide的内存缓存功能;首先会将缓存图片从activeResources中移除,然后再将它put到LruResourceCache当中。这样也就实现了正在使用中的图片使用弱引用来进行缓存,不在使用中的图片使用LruCache来进行缓存的功能。

      硬盘缓存: 这个diskCacheStrategy()方法基本上就是Glide硬盘缓存功能的一切,它可以接收四种参数:

       DiskCacheStrategy.NONE: 表示不缓存任何内容。
       DiskCacheStrategy.SOURCE: 表示只缓存原始图片。
       DiskCacheStrategy.RESULT: 表示只缓存转换过后的图片(默认选项)。
       DiskCacheStrategy.ALL : 表示既缓存原始图片,也缓存转换过后的图片。
    
    重写这个getCacheKey()方法可以解决缓存Key的问题
    
    1. Glide提供了预加载的接口,也就是preload()方法,preload()方法的用法也非常简单,直接使用它来替换into()方法即可;
      需要注意的是,我们如果使用了preload()方法,最好要将diskCacheStrategy的缓存策略指定成DiskCacheStrategy.SOURCE。
      因为preload()方法默认是预加载的原始图片大小,而into()方法则默认会根据ImageView控件的大小来动态决定加载图片的大小。因此,如果不将diskCacheStrategy的缓存策略指定成DiskCacheStrategy.SOURCE的话,很容易会造成我们在预加载完成之后再使用into()方法加载图片,却仍然还是要从网络上去请求图片这种现象。

      preload()方法有两个方法重载,带参数的preload()方法来明确指定图片的宽和高,不带参数的preload()方 法,它会在内部自动将图片的宽和高都指定成Target.SIZE_ORIGINAL,也就是图片的原始尺寸

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

    2. listener() 在into()方法之前串接了一个listener()方法,然后实现了一个RequestListener的实例。
      其中RequestListener需要实现两个方法,一个onResourceReady()方法,一个onException()方法。
      当图片加载完成的时候就会回调onResourceReady()方法,
      而当图片加载失败的时候就会回调onException()方法,onException()方法中会将失败的Exception参数传进来

    3. dontTransform()方法表示让Glide在加载图片的过程中不进行图片变换,这样刚才调用的applyCenterCrop()、applyFitCenter()就统统无效了。或者直接调用override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)方法来强转将图片尺寸指定为原始大小就行了;

      调用方法override()、centerCrop()、transform(new CircleCrop(this))组合能实现图片变换功能;

    4. 第三方库glide-transformations实现了很多通用的图片变换效果,例如裁剪变色,图片转换,模糊变换等等;例如:

    模糊化处理:

    Glide.with(this)
         .load(url)
         .bitmapTransform(new BlurTransformation(this))
         .into(imageView);
    

    黑白化效果:

    Glide.with(this)
         .load(url)
         .bitmapTransform(new GrayscaleTransformation(this))
         .into(imageView);
    

    同时执行模糊化和黑白化的变换:

    Glide.with(this)
         .load(url)
         .bitmapTransform(new BlurTransformation(this), new GrayscaleTransformation(this))
         .into(imageView);
  • 相关阅读:
    CSS------添加注释框
    MyEclipse------制作通讯录
    JavaScript------入门
    JSTL标签库简介
    过滤器在Web开发应用------解决中文乱码
    Servlet------(声明式)异常处理
    电脑环境变量里面的参数
    MyEclipse------黑科技
    MyEclipse------从MySQL取出图片
    MyEclipse------带进度条的输入流
  • 原文地址:https://www.cnblogs.com/chenxibobo/p/9585937.html
Copyright © 2011-2022 走看看