引入
以androidStudio為例,在build.gradle中添加依賴:
dependencies {
compile 'com.github.bumptech.glide:glide:3.7.0'
}
AndroidManifest.xml中聲明一下網絡權限:
<uses-permission android:name="android.permission.INTERNET"/>
使用
1加載圖片
String url="http://pic17.nipic.com/20111101/8730615_113658400143_2.jpg";
Glide.with(this).load(url).into(imageView);
先with(),再load(),最后into(),這是最簡單的三部曲
Glide.with()使用:
with(Context context). 使用Application上下文,Glide請求將不受Activity/Fragment生命周期控制。
with(Activity activity).使用Activity作為上下文,Glide的請求會受到Activity生命周期控制。
with(FragmentActivity activity).Glide的請求會受到FragmentActivity生命周期控制。
with(android.app.Fragment fragment).Glide的請求會受到Fragment 生命周期控制。
with(android.support.v4.app.Fragment fragment).Glide的請求會受到Fragment生命周期控制。
load使用:
1.加載本地圖片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);
2.加載應用資源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);
3.加載二進制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);
4.加載Uri對象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);
2加載gif圖
String
gifUrl="http://img.zcool.cn/community/018ec5577e00480000012e7e91da55.gif";
Glide.with(this).load(gifUrl).asGif().into(imageView);
3設置占位圖和加載錯誤圖
當網絡速度較慢時,加載圖片比較慢,在加載成功之前會出現空白,或者圖片地址錯誤,加載不出來圖片,這樣會影響用戶體驗,這就需要我們的占位圖和error圖。
Glide.with(context).load(url)
.placeholder(R.mipmap.ic_launcher)
.error(R.mipmap.ic_launcher)
.into(imageView)
我們在load()和into()插入了placeholder()方法,在加載圖片成功之前先顯示占位圖, 如果下載錯誤就顯現error()方法中設定的圖片
4緩存
Glide.with(context).load(url)
.skipMemoryCache(false)
.diskCacheStrategy(DiskCacheStrategy.NONE)
.into(imageView)
glide是默認開啟內存緩存和磁盤緩存的,上述代碼.skipMemoryCache(false)和.diskCacheStrategy(DiskCacheStrategy.NONE) 表示關閉內存緩存和磁盤緩存,在特定的情況下需要關閉,比如多次獲取驗證碼圖片,如果后臺返回的url是一致的,不關閉緩存的話,每次顯示的圖片都和第一張一樣。
磁盤緩存的類型
DiskCacheStrategy.NONE 不緩存
DiskCacheStrategy.ALL 緩存原始圖和處理之后的
DiskCacheStrategy.SOURCE 緩存原始圖
DiskCacheStrategy.RESULT 緩存處理之后的
清除緩存
Glide.get(context).clearMemory(); // 須在UI線程中調用
Glide.get(context).clearDiskCache(); //須在子線程中調用
5其他方法
1.指定資源的優先加載順序
//優先加載
Glide
.with(context)
.load(url)
.priority(Priority.HIGH)
.into(imageView);
//后加載
Glide
.with(context)
.load(url)
.priority(Priority.LOW)
.into(imageView);
2.設置加載尺寸
Glide.with(context).load(imageUrl).override(100, 100).into(imageView);
3.直接獲取圖片
SimpleTarget<Bitmap>simpleTarget=new SimpleTarget<Bitmap>() {
@Override
public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
imageView.setImageBitmap(resource);
}
};
public void loadImage(View view) {
Glide.with(this) .load(url).asBitmap().into(simpleTarget);
}
這樣就可以直接在回調方法onResourceReady,獲取到bitmap,相當于下載, 如果確定返回的是bitmap,就可以使用SimpleTarget<Bitmap>,同時要調用asBitmap(),如果不確定是bitmap就使用SimpleTarget<GlideDrawable>
4.glide使用圓角或者圓形
4.1 圓形
public class GlideCircleTransform extends BitmapTransformation{
public GlideCircleTransform(Context context) {
super(context);
}
@Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return circleCrop(pool, toTransform);
}
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.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
paint.setAntiAlias(true);
float r = size / 2f;
canvas.drawCircle(r, r, r, paint);
return result;
}
@Override public String getId() {
return getClass().getName();
}
}
4.2 使用圓角
public class GlideRoundTransform extends BitmapTransformation{
private static 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 static 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);
}
}
4.3調用方式
Glide.with(context).load(url)
.transform(newGlideCircleTransform(context))
.into(imageView);
Glide.with(context).load(url)
.transform(new GlideRoundTransform(this,3))
.into(imageView); //圓角默認是4
上述包括了glide基本用法。