Glide簡介
An image loading and caching library for Android focused on smooth scrolling
一個專注於流暢滑動的圖片加載和緩存庫
優勢
其實現在,圖片加載和緩存的庫已經超級多了,Glide是目前谷歌官方推薦的加載庫,它有一個比較牛的特點就是支持GIF格式的圖片播放,目前的人氣也超級高!!另外還可以設置漸變的加載效果,控制相關緩存策略等!以下就圍繞這些做一些具體的介紹!
引入庫
repositories {
mavenCentral() // jcenter() works as well because it pulls from Maven Central
}
dependencies {
compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.android.support:support-v4:19.1.0'
}
如果你的網絡請求底層使用了Okhttp的話,那麼可以指定這個讓Glide網絡層使用Okhttp。
dependencies {
compile 'com.github.bumptech.glide:okhttp-integration:1.4.0@aar'
//compile 'com.squareup.okhttp:okhttp:2.2.0'
}
dependencies {
compile 'com.github.bumptech.glide:okhttp3-integration:1.4.0@aar'
//compile 'com.squareup.okhttp3:okhttp:3.2.0'
}
配置這個話,還需要在AndroidManifest裏面加入相關的配置:
<meta-data
android:name="com.bumptech.glide.integration.okhttp.OkHttpGlideModule"
android:value="GlideModule" />
基本的加載
Glide.with(image.getContext())
.load(imageUrl)
.into(image);
在這個的基礎之上,設置默認顯示的圖片,設置加載錯誤的圖片,設置漸變效果.crossFade()來指定一個漸變的效果:
Glide.with(image.getContext())
.load(imageUrl)
.error(R.mipmap.girl)
.placeholder(R.mipmap.ic_launcher)
.crossFade(R.anim.fade_out_rapidly, 5000)
.into(image);
一般使用到這這裏就差不多了吧,不過要是覺得Glide就這樣了那可真的是太對不住Glide了!
進階-緩存策略:
Glide默認會使用磁盤緩存和內存緩存的,你可以根據喜好和相關的使用場景定製相關的策略。
skipMemoryCache()跳過內存緩存,這個默認就是false。如果不需要就設置爲true來確保不會緩存到內存中。
diskCacheStrategy() 磁盤緩存策略,Glide支持很多種圖片緩存策略。
DiskCacheStrategy.RESOURCE 只緩存原始文件
DiskCacheStrategy.ALL 緩存所有size的圖片和源文件
DiskCacheStrategy.RESULT 緩存最後的結果文件
DiskCacheStrategy.NONE 撒都不緩存
在V3的版本默認是DiskCacheStrategy.RESULT的策略。
進階-轉換
asBitmap() //總是將其轉換爲Bitmap的對象
asGif() //總是將其轉換爲gi的對象,但是如果它不是gif的,那麼就會轉換失敗,所以最好要設置一個error()的對象
另外Glide提供了相關的方法,你可以自定義相關的 Transformation,來完成相關的轉換!
這裏一共有兩個方法,一個是transform(),一個是getId(),如果說我們需要完成一些自己的需求,比如說,你需要加載出圓形的圖片,這裏簡單有效的方法就是直接設置一個CirCleTransform就好了:
public class CircleTransform extends BitmapTransformation {
public CircleTransform(Context context) {
super(context);
}
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.FILTER_BITMAP_FLAG | Paint.DITHER_FLAG | Paint
.ANTI_ALIAS_FLAG);
paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader
.TileMode.CLAMP));
float r = size / 2f;
canvas.drawCircle(r, r, r, paint);
return result;
}
@Override
protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return circleCrop(pool, toTransform);
}
@Override
public String getId() {
return getClass().getName();
}
}
stackoverflow
http://stackoverflow.com/questions/25278821/how-do-rounded-image-with-glide-library/25806229#25806229
如果需要圓角矩形的話:
public class RoundTransform extends BitmapTransformation {
private int cornerRadius;
private RectF rectF = new RectF();
/**
* @param round dp
*/
public RoundTransform(Context context,int round) {
super(context);
float density = context.getResources().getDisplayMetrics().density;
this.cornerRadius = (int) (round/density+0.5f);
}
private Bitmap circleCrop(BitmapPool pool, Bitmap source) {
if (source == null) return null;
int width = source.getWidth();
int height = source.getHeight();
rectF.set(0, 0, width, height);
Bitmap squared = Bitmap.createBitmap(source, 0, 0, width, height);
Bitmap result = pool.get(width, height, Bitmap.Config.ARGB_8888);
if (result == null) {
result = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
}
Canvas canvas = new Canvas(result);
Paint paint = new Paint(Paint.FILTER_BITMAP_FLAG | Paint.DITHER_FLAG | Paint
.ANTI_ALIAS_FLAG);
paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader
.TileMode.CLAMP));
canvas.drawRoundRect(rectF, cornerRadius, cornerRadius, paint);
return result;
}
@Override
protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return circleCrop(pool, toTransform);
}
@Override
public String getId() {
return getClass().getName();
}
}
Glide還爲我們提供了CenterCropFitCenter等轉換器,這些我們都可以直接使用!
這裏的getId()返回的必須是唯一的字符串
說白了,我們這裏可以做很多的操作的,因爲我們已經拿到相關的對象,可以隨意的進行各種旋轉、平移、放大、高斯模糊等。
Glide 轉換集合 已經給我們儘可能提過了足夠的轉換!
https://github.com/wasabeef/glide-transformations
所以,還去引入什麼CircleImageView什麼的,真的就可以考慮考慮了,簡直弱爆了!一個Transform直接搞定。
進階-相關回調
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;
}
onResourceReady()當資源加載成功之後,會走這個回調。
onException() 當加載異常時,會走這個回調。
進階-各種Target
Glide.with(getApplicationContext())
.load(imageUrl)
.into(mTarget);
如果需要給自定義View加載對應的圖片,因爲Glide根本不知道圖片需要加載到那個具體的View上面去展示,那這個就需要使用Glide爲我們提供的相關接口,自己去實現就好了。
比如我們這裏有一個自定義的FrameLayout,名字就叫MyFrameLayout,裏面有一個TextView和一個ImageView,
對外提供一個方法:
public void setimage(Drawable current) {
imageView.setBackground(current);
}
然後自定義一個ViewTarget:
public class MyViewTarget extends ViewTarget<MyFrameLayout, GlideDrawable> {
public MyViewTarget(MyFrameLayout view) {
super(view);
}
@Override
public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
this.view.setImage(resource.getCurrent());
}
}
Glide
已經針對一些特殊情況制定了一些適合的Target,比如說通知欄相關的創建,NotificationTarget
這些我們都可以直接獲取使用。
進階-定製各種策略
我們可以通過GlideMode來定製相關的策略,比如說磁盤緩存,內存緩存,加載圖片使用的編碼等!
public class GlideConfiguration implements GlideModule {
@Override
public void applyOptions(Context context, GlideBuilder builder) {
// Prefer higher quality images unless we're on a low RAM device
MemorySizeCalculator calculator = new MemorySizeCalculator(context);
int defaultMemoryCacheSize = calculator.getMemoryCacheSize();
int defaultBitmapPoolSize = calculator.getBitmapPoolSize();
int customMemoryCacheSize = (int) (1.2 * defaultMemoryCacheSize);
int customBitmapPoolSize = (int) (1.2 * defaultBitmapPoolSize);
//1、內存緩存相關
builder.setMemoryCache(new LruResourceCache(customMemoryCacheSize));
builder.setBitmapPool(new LruBitmapPool(customBitmapPoolSize));
// set size & external vs. internal
int cacheSize100MegaBytes = 104857600;
//2、磁盤緩存相關
builder.setDiskCache(
// new InternalCacheDiskCacheFactory(context, cacheSize100MegaBytes)//內部使用的磁盤緩存區
new ExternalCacheDiskCacheFactory(context, cacheSize100MegaBytes)//外部可以訪問的磁盤緩存區
);
ActivityManager activityManager =
(ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE);
//3、根據運行內存情況,自定義對圖像的編碼格式
builder.setDecodeFormat(activityManager.isLowRamDevice() ?
DecodeFormat.PREFER_RGB_565 : DecodeFormat.PREFER_ARGB_8888);
}
@Override
public void registerComponents(Context context, Glide glide) {
}
}
記得要在AndroidManifiest裏面配置相關的參數:
<meta-data
android:name="io.plaidapp.util.glide.GlideConfiguration"
android:value="GlideModule" />
總結
青出於藍勝於藍,Glide就是在Picasso的基礎上改進出來的,有着相似的調用方法!作爲新秀,增加的Gif的支持可以說是它的新的優勢!豐富的緩存策略也更能滿足開發需求。
要看Glide運用項目的話,推薦Plaid,保證你有收穫!