Glide 不能說的祕密

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,保證你有收穫!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章