欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 开源框架Glide的使用

程序员文章站 2022-03-10 21:13:44
Glide是一个快速高效的多媒体管理和图像加载的框架,封装了Android平台的多媒体的解码,内存和硬盘缓存等,Glide支持解码、显示视频、图像和GIFs,Glide是基于定制的HttpUrlConnection,下面是关于Glide的配置和使用。 Glide的配置 配置很简单,只要在Module ......

Glide是一个快速高效的多媒体管理和图像加载的框架,封装了Android平台的多媒体的解码,内存和硬盘缓存等,Glide支持解码、显示视频、图像和GIFs,Glide是基于定制的HttpUrlConnection,下面是关于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、设置加载中和加载失败的图片

  • 设置加载中图片
    Glide.with(this).load("http://ww4.sinaimg.cn/large/610dc034gw1f96kp6faayj20u00jywg9.jpg")
          .placeholder(R.drawable.ic_launcher) //设置占位图,在加载之前显示
          .into(image);
  • 设置加载失败图片
    Glide.with(this).load("http://ww4.sinaimg.cn/large/610dc034gw1f96kp6faayj20u00jywg9.jpg")
          .placeholder(R.drawable.ic_launcher) //设置占位图,在加载之前显示
          .error(R.drawable.icon) //在图像加载失败时显示
          .into(image);
  • 设置缩略图支持
    //先加载缩略图 然后在加载全图
    Glide.with(this)
         .load(imageUrl)
         .thumbnail(0.1f)
         .into(iv);

5、设置加载动画

  • 使用 crossFade()
    Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .crossFade()//动画默认的持续时间是 300毫秒
    .into(iv);
    crossFade()有几种重载的方法
    crossFade(int duration):设置时间
    crossFade(Animation animation, int duration):设置自定义的动画和时间
    crossFade(int animationId, int duration): 加载动画资源和时间
  • 添加自定义动画
    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(300,300)
    .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))
                    .into(iv);

11、请求优先级

Glide中可以设置图像加载的优先级,这个优先级的策略并不是严格执行的,只是一个指导策略,可以为不同的图像设置不同的优先级,从低到高的优先级。

Glide.with(this)
      .load("http://ww4.sinaimg.cn/large/610dc034gw1f96kp6faayj20u00jywg9.jpg")
      .priority(Priority.HIGH)
      .into(image);
Priority.LOW
Priority.NORMAL
Priority.HIGH
Priority.IMMEDIATE