添加依赖和访问网络权限
1 2 3 implementation 'com.github.bumptech.glide:glide:4.13.0' implementation 'com.github.bumptech.glide:gifdecoder:4.13.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.13.0'
1 <uses-permission android:name ="android.permission.INTERNET" />
常用的方法 加载图片到ImageView 1 Glide.with(Context context).load(Strint url).into(ImageView imageView);
各种形式的图片加载到ImageView 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 File file = new File (getExternalCacheDir() + "/image.jpg" );Glide.with(this ).load(file).into(imageView); int resource = R.drawable.image;Glide.with(this ).load(resource).into(imageView); byte [] image = getImageBytes();Glide.with(this ).load(image).into(imageView); Uri imageUri = getImageUri();Glide.with(this ).load(imageUri).into(imageView);
加载带有占位图 占位图目的为在目的图片还未加载出来的时候,提前展示给用户的一张图片;
1 Glide.with(this ).load(url).placeholder(R.drawable.loading).into(imageView);
加载失败 放置占位符 1 2 3 4 5 6 7 8 Glide.with(this ).load(url).placeholder(R.drawable.loading).error(R.drawable.error) .diskCacheStrategy(DiskCacheStrategy.NONE) .into(imageView);
加载指定格式的图片–指定为静止图片 1 2 3 4 5 6 7 Glide.with(this ) .load(url) .asBitmap() .placeholder(R.drawable.loading) .error(R.drawable.error) .diskCacheStrategy(DiskCacheStrategy.NONE) .into(imageView);
加载动态图片 1 2 3 4 5 6 7 Glide.with(this ) .load(url) .asGif() .placeholder(R.drawable.loading) .error(R.drawable.error) .diskCacheStrategy(DiskCacheStrategy.NONE) .into(imageView);
加载指定大小的图片 1 2 3 4 5 6 7 Glide.with(this ) .load(url) .placeholder(R.drawable.loading) .error(R.drawable.error) .diskCacheStrategy(DiskCacheStrategy.NONE) .override(100 , 100 ) .into(imageView);
关闭硬盘的缓存 1 2 3 4 5 6 7 8 9 10 Glide.with(this ) .load(url) .diskCacheStrategy(DiskCacheStrategy.NONE) .into(imageView);
当引用的 url 存在 token 时解决方法–>重写 Glide 的 GlideUrl 方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 public class MyGlideUrl extends GlideUrl { private String mUrl; public MyGlideUrl (String url) { super (url); mUrl = url; } @Override public String getCacheKey () { return mUrl.replace(findTokenParam(), "" ); } private String findTokenParam () { String tokenParam = "" ; int tokenKeyIndex = mUrl.indexOf("?token=" ) >= 0 ? mUrl.indexOf("?token=" ) : mUrl.indexOf("&token=" ); if (tokenKeyIndex != -1 ) { int nextAndIndex = mUrl.indexOf("&" , tokenKeyIndex + 1 ); if (nextAndIndex != -1 ) { tokenParam = mUrl.substring(tokenKeyIndex + 1 , nextAndIndex + 1 ); } else { tokenParam = mUrl.substring(tokenKeyIndex); } } return tokenParam; } }
然后加载图片的方式为:
1 Glide.with(this ).load(new MyGlideUrl (url)).into(imageView);
利用Glide将图片加载到不同控件或加载成不同使用方式
拿到图片实例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 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); }
将图片加载到任何位置
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 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); } } public class MainActivity extends AppCompatActivity { MyLayout myLayout; @Override protected void onCreate (Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main); myLayout = (MyLayout) findViewById(R.id.background); } 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(myLayout.getTarget()); } }
Glide 实现预加载 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Glide.with(this ) .load(url) .diskCacheStrategy(DiskCacheStrategy.SOURCE) .preload(); Glide.with(this ) .load(url) .diskCacheStrategy(DiskCacheStrategy.SOURCE) .into(imageView);
切记:diskCacheStrategy() 方法内必须设置参数为:“ DiskCacheStrategy.SOURCE ”,否则可能预加载失败,导致显示图片时,需要重新加载。
Glide 实现图片下载 使用 downloadOnly(int width, int height) 或 downloadOnly(Y target) 方法替代 into(view) 方法。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 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(int width, int height) 方法表示指定下载尺寸,用于在子线程内进行下载;
一个参数的 downloadOnly(Y target) 方法 在主线程内进行下载
target.get() 方法可以获取到下载文件保存路径;
使用下载完的图片的方式
1 2 3 4 5 6 7 public void loadImage (View view) { String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg" ; Glide.with(this ) .load(url) .diskCacheStrategy(DiskCacheStrategy.SOURCE) .into(imageView); }
注意: diskCacheStrategy() 方法的参数应该为 DiskCacheStrategy.SOURCE 或者 DiskCacheStrategy.ALL否则可能导致加载图片到控件的时候,需要重新加载。
监听 Glide 加载的状态 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 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);
onException() 方法表示加载失败,onResourceReady() 表示加载成功;
每个方法都有一个 boolean 的返回值,false表示未处理、true 表示处理。
Glide 的图形变换功能
禁用图形变换功能
1 2 3 4 Glide.with(this ) .load(url) .dontTransform() .into(imageView);
这个方法时全局的,导致其他地方的图片也不可进行图形变换了。
修改方法: 通过 override() 方法设置大小
1 2 3 4 Glide.with(this ) .load(url) .override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL) .into(imageView);
简单的图形变换
通过 centerCrop()方法 按照原始的长宽比充满全屏和 fitCenter() 方法 对原图的中心区域进行裁剪对图片进行相关设置。
1 2 3 4 5 6 7 8 9 Glide.with(this ) .load(url) .centerCrop() .into(imageView); Glide.with(this ) .load(url) .fitCenter() .into(imageView);
override() 方法与 centerCrop() 方法配合使用
1 2 3 4 5 6 String url = "http://cn.bing.com/az/hprichbg/rb/AvalancheCreek_ROW11173354624_1920x1080.jpg" ;Glide.with(this ) .load(url) .override(500 , 500 ) .centerCrop() .into(imageView);
复杂的图像变换
首先需要再引入一个 第三方框架 。
1 2 3 4 5 dependencies { implementation 'jp.wasabeef:glide-transformations:3.3.0' implementation 'jp.co.cyberagent.android.gpuimage:gpuimage-library:1.4.1' }
部分样例
图片虚化
1 2 3 4 Glide.with(this ) .load(url) .bitmapTransform(new BlurTransformation (this )) .into(imageView);
图片黑白化
1 2 3 4 Glide.with(this ) .load(url) .bitmapTransform(new GrayscaleTransformation (this )) .into(imageView);
多个属性同时使用
1 2 3 4 Glide.with(this ) .load(url) .bitmapTransform(new BlurTransformation (this ), new GrayscaleTransformation (this )) .into(imageView);
还有更多的好玩的属性,请到框架官网查看:https://github.com/wasabeef/glide-transformations