1. 程式人生 > >詳談高大上的圖片載入框架Glide -應用篇

詳談高大上的圖片載入框架Glide -應用篇

在Android裝置上,載入網路圖片一直是一個頭疼的問題,因為Android裝置種類繁多(當然最主要的是配置),處理的稍不周到輕則應用卡頓,嚴重者就會出現OOM的,導致程式掛掉。現如今網路上有很多圖片庫,如 Universal-Image-Loader,Picasso,FrescoGlide等等。相信列舉出的這幾個庫大家都不陌生,這也是目前最火的圖片庫了。由於個人的喜好原因(主要是別人介紹說Glide庫比較NB),所以就開始研究學習Glide。

Glide庫和Picasso庫有極大的相似性,編碼風格也幾近相同,不過Glide缺有著更為強大的功能。它在快取處理方面有著很大的優勢並且支援載入Gif動畫以及本地Video。這個庫在谷歌開源庫中也有應用。如此好東西,心動不如行動,現在開始我們的學習之旅吧。

如果想更深入學習Glide,可繼續閱讀下一篇文章

配置

使用Glide的第一步是現在我們的builde.gradle

dependencies {
  compile 'com.github.bumptech.glide:glide:3.7.0'
  compile 'com.android.support:support-v4:19.1.0'
}

配置gradle檔案後,我們就可以使用Glide了。上程式碼

Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").into(imageView);

看著很簡單吧,一句話就可以實現圖片下載和展示。我們看到Glide使用建造者模式載入圖片。

RequestManager with(Context context)
RequestManager with(Activity activity)
RequestManager with(FragmentActivity activity)

我們看到with()可接受三種引數,這也是Glide的亮點,它能根據傳入引數Activity/Fragment的生命週期保持一致,去暫停和執行圖片載入,這也節省了不必要的流量浪費。

載入圖片方式

DrawableTypeRequest<String> load
(String string) DrawableTypeRequest<Uri> load(Uri uri) DrawableTypeRequest<File> load(File file) DrawableTypeRequest<Integer> load(Integer resourceId) DrawableTypeRequest<URL> load(URL url)

String引數載入

Glide.with(this).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").into(imageView);

資原始檔載入

 int  resourceId=R.mipmap.image;
 Glide.with(context).load(resourceId).into(imageView);

本地檔案載入

File file = new File(Environment.getExternalStorageDirectory() + File.separator +  "image", "image.jpg");
Glide.with(this).load(file).into(imageView);

Uri載入

File file = new File(Environment.getExternalStorageDirectory() + File.separator +  "image", "image.jpg");
Uri uri = Uri.fromFile(file);
Glide.with(this).load(uri).into(imageView);//uri載入方式

URL方式

該方式在原始碼中已經標記@Deprecated

        try {
           url=new URL("http://img2.3lian.com/2014/f6/173/d/51.jpg");
        } catch (MalformedURLException e) {
            e.printStackTrace();
        }
    Glide.with(this).load(url).into(imageView);//URL載入方式    

設定佔位圖片

在上面的處理中,我們之間將載入成功的圖片展示到ImageView,這樣會不會看起來很突兀?是的,Glide為我們提供了設定佔位符,他可以讓我們知道圖片是否載入成功,等

placeholder

我們都知道,圖片載入是不確定的,載入成功需要的時間也是不確定的,而在載入這段時間,我們可以通過placeholder設定給ImageView一個佔位符,圖片上可以提示正在載入中之類的,當然可以任何你要的效果,

Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/55.jpg").placeholder(R.mipmap.place).into(imageView);

error

當然除了載入成功前我們設定了佔位符,那麼如果載入錯誤(網路原因及url非法原因等導致圖片沒有載入成功),我們填充一個圖片到ImageView提示使用者當前圖片載入失敗。

Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/55.jpg").error(R.mipmap.error).into(imageView);

此時你可能想如何知道圖片載入失敗的具體原因呢?Glide為我們提供了listener()方法,接收RequestListener物件

        //設定錯誤監聽
         RequestListener<String,GlideDrawable> errorListener=new RequestListener<String, GlideDrawable>() {
            @Override
            public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {

                Log.e("onException",e.toString()+"  model:"+model+" isFirstResource: "+isFirstResource);
                imageView.setImageResource(R.mipmap.ic_launcher);
                return false;
            }

            @Override
            public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                Log.e("onResourceReady","isFromMemoryCache:"+isFromMemoryCache+"  model:"+model+" isFirstResource: "+isFirstResource);
                return false;
            }
        } ;

我們看到有兩個回撥方法,通過onException是圖片載入異常回調,onResourceReady是載入成功的回撥。我們可以測試不同情況列印的日誌

  • 正確的url首次載入
onResourceReady: isFromMemoryCache:false  model:http://img2.3lian.com/2014/f6/173/d/51.jpg isFirstResource: true
  • 正確的url第二次載入
onResourceReady: isFromMemoryCache:true  model:http://img2.3lian.com/2014/f6/173/d/51.jpg isFirstResource: true
  • 錯誤的url
onException: java.io.IOException: Request failed 404: Not Found  model:http://img2.3lian.com/2014/f6/173/d/511.jpg isFirstResource: true
  • 錯誤的url(非圖片型別url)
onException: java.io.FileNotFoundException: No such file or directory  model:www.baidu.com isFirstResource: true
  • 無網路
onException: java.net.UnknownHostException: Unable to resolve host "img2.3lian.com": No address associated with hostname  model:http://img2.3lian.com/2014/f6/173/d/51.jpg isFirstResource: true

通過日誌我們很容易看出異常的原因,因此,我們可以針對不同的操作情形,書寫自己的處理給使用者反饋。

crossFade

通過上面的分析,我們實現了佔位圖填充ImageView,但是我們依然發現其中有些不足,因為圖片的轉換並沒有實現平滑過渡效果,實際新api已經預設實現一個漸入漸出的動畫效果,預設是300ms.

Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").error(R.mipmap.error).placeholder(R.mipmap.place).crossFade().into(imageView);

crossFade()還可以接收一個int型的引數,用它來指定動畫執行的時間,例如我們設定動畫執行的時間是2s

Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").error(R.mipmap.error).placeholder(R.mipmap.place).crossFade(2000).into(imageView);

既然我們能新增一個漸入漸出的動畫效果,那麼如果想直接顯示圖片而沒有任何淡入淡出效果,該作何處理,我們可以使用dontAnimate()方法,這是直接顯示你的圖片,而不是淡入顯示到 ImageView。

圖片調整

Glide載入圖片大小是自動調整的,他根據ImageView的尺寸自動調整載入的圖片大小,並且快取的時候也是按圖片大小快取,每種尺寸都會保留一份快取,如果圖片不會自動適配到 ImageView,呼叫 override(horizontalSize, verticalSize) 。這將在圖片顯示到 ImageView之前重新改變圖片大小

        //Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").dontAnimate().override(400,600).fitCenter().into(imageView);

注意override接收的引數是畫素(px)

縮放

對於任何影象操作,調整大小可能讓圖片失真。但是我們要儘可能的避免發生這種情況發生。Glide 提供了兩個圖形裝換的操作提供了兩個標準選項:centerCrop 和 fitCenter

  • centerCrop
    這個方法是裁剪圖片,當圖片比ImageView大的時候,他把把超過ImageView的部分裁剪掉,儘可能的讓ImageView 完全填充,但影象可能不會全部顯示
        Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").centerCrop().into(imageView);
  • fitCenter
    它會自適應ImageView的大小,並且會完整的顯示圖片在ImageView中,但是ImageView可能不會完全填充

載入Gif

載入Gif動畫也是Glide的一大優勢,它很簡單的就能實現Gif的載入與顯示

載入Gif檔案
Glide.with(context).load("http://img1.3lian.com/2015/w4/17/d/64.gif").into(imageView);

是不是很簡單,依然是一句話就實現顯示網路上Gif功能。Glide還提供了Gif相關操作的兩個方法。如果我們想將Gif顯示成圖片的第一幀只需要使用asBitmap()方法即可。如果我們有這個需求,就是嚴格顯示成Gif,那麼當傳入了一個非Gif 的url時,我們當做錯誤處理。此時我們可以使用asGif()方法

        Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").asGif().error(R.mipmap.error).placeholder(R.mipmap.place).into(imageView);

Glide 將會把這個 load 當成失敗處理。這樣做的的好處是,.error() 回撥被呼叫並且錯誤佔位符被顯示,如果url是Gif,那麼會沒什麼變化,這樣就檢查了load引數是否為Gif.

Glide網路載入方式

Glide內部預設是通過HttpURLConnection網路方式載入圖片的,並且支援OkHttp,Volley

整合OkHttp

在gradle檔案加入下面程式碼

    //自動整合okhttp
    compile 'com.github.bumptech.glide:okhttp-integration:[email protected]'
    compile 'com.squareup.okhttp:okhttp:2.2.0'

整合Volley

    //自動整合volley
    compile 'com.github.bumptech.glide:volley-integration:[email protected]'
    compile 'com.mcxiaoke.volley:library:1.0.19'

Gradle 會自動合併必要的 GlideModule 到Android.Manifest。Glide 會認可在 manifest 中的存在,然後使用 所整合的網路連線。

自定義動畫

在前面我們已經提到過Glide提供了一個漸入漸出的動畫效果,當然該動畫不是那麼酷炫,而且有時並不能達到我們想要的效果,不過Glide給我們提供了animate()方法,我們可以通過此方法實現我們自定義的動畫效果。

animate(int animationId)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="false"
    android:duration="3000">

    <scale
        android:duration="@android:integer/config_longAnimTime"
        android:fromXScale="0.1"
        android:fromYScale="0.1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1"
        android:toYScale="1"/>
    <rotate
        android:fromDegrees="0"
        android:toDegrees="90"
        android:pivotX="50%"
        android:pivotY="50%"
        />
</set>

上面我們實現了一個圖片從小變大並且有一個旋轉效果的動畫,當然你可以在此檔案書寫任何你想要實現的動畫。

        Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").animate(R.anim.anim).into(imageView);

java檔案設定動畫

我們也可以通過Animator實現動畫,如下

        //java檔案設定動畫
        ViewPropertyAnimation.Animator animator=new ViewPropertyAnimation.Animator() {
            @Override
            public void animate(View view) {
              view.setAlpha(0f);
                ObjectAnimator fadeAnim = ObjectAnimator.ofFloat( view, "alpha", 0f, 1f );
                fadeAnim.setDuration( 2500 );
                fadeAnim.start();
            }
        };
        Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").animate(animator).into(imageView);

Target

Glide不但可以把圖片、視訊劇照、GIF動畫載入到View,還可以載入到自定義的Target實現中。Target就是使用Glide獲取到資源之後資源作用的目標,我們通常是用Glide載入完資源後顯示到ImageView中,這個ImageView就是目標.

SimpleTarget

        //SimpleTarget
        SimpleTarget target = new SimpleTarget<Drawable>(){
            @Override
            public void onResourceReady(Drawable resource, GlideAnimation<? super Drawable> glideAnimation) {
                textView.setBackground(resource);
            }
        };
       Glide.with(context)
                .load("http://img2.3lian.com/2014/f6/173/d/51.jpg")
                .animate(animator)
                .into(target);

上面的程式碼我們將TextView作為Target,將載入的圖片設為背景,對於SimpleTarget是接收的泛型資料,如果我們需要Bitmap物件,我們將泛型為Bitmap.以及其它我們想要的型別。
我們還可以指定載入的寬和高,如下,設定寬和高都是100,單位是px

        SimpleTarget target = new SimpleTarget<Drawable>(100,100){
            @Override
            public void onResourceReady(Drawable resource, GlideAnimation<? super Drawable> glideAnimation) {
                textView.setBackground(resource);
            }
        };

ViewTarget

如果你想載入一個圖片到View中,但是你想觀察或者覆蓋Glide的預設行為。你可以覆蓋ViewTarget或者它的子類。
當你想讓Glide來獲取view的的大小,但是由自己來啟動動畫和設定資源到view中,ViewTarget是個不錯的選擇。如果你要載入一個圖片到ImageView之外的自定義view中,那麼ImageViewTarget或者它的子類就不能滿足你的要求,此時繼承ViewTarget就特別合適。
你可以靜態的定義一個ViewTarget的子類,或者傳遞一個匿名內部類到你的載入呼叫裡:

Glide.with(yourFragment)
    .load(yourUrl)
    .into(new ViewTarget<YourViewClass, GlideDrawable>(yourViewObject) {
        @Override
        public void onResourceReady(GlideDrawable resource, GlideAnimation anim) {
            YourViewClass myView = this.view;
            // Set your resource on myView and/or start your animation here.
        }
    });

說明:
載入一張靜態的圖片或者一張GIF動態圖,可以在load後面加上asBitmap()/asGif()
.Load(url)會通過asXXX()替換ViewTarget當中的GlideDrawable引數,也可以通過實現LifecycleLisener,給target設定一個回撥

轉換 transform

在圖片顯示之前,我們可以通過transform對影象做一些處理,達到我們想要的圖片效果,例如我們改變圖片的大小,範圍,顏色等。Glide提供了兩種基本的圖片轉換即:fitCenter 和 centerCrop,前面已介紹過。這次我們來了解如何自定義轉換效果,例如如果我們想展示一個圓形圖片或者一個具有圓角的圖片該如何處理?(圓形頭像)
為了自定義轉換,我們需要建立一個新的類實現了 Transformation 介面。不過如果我們只是做圖片的轉換可以直接用Glide封裝好的BitmapTransformation抽象類。影象轉換操作只需要在transform裡實現。getId() 方法描述了這個轉換的唯一識別符號。Glide 使用該鍵作為快取系統的一部分,為了避免意外的問題,你要確保它是唯一的
接下來先實現一個圓角的圖片

推薦一個開源的轉換庫glide-transformations,它實現了很多轉換,我們只要整合直接使用 glide-transformationsGithub地址
這裡寫圖片描述

 /**
     * 將影象轉換為四個角有弧度的影象
     */
    public class GlideRoundTransform extends BitmapTransformation {
        private float radius = 0f;

        public GlideRoundTransform(Context context) {
            this(context, 100);
        }

        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 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);
            Log.e("11aa", radius + "");
            return result;
        }

        @Override
        public String getId() {
            return getClass().getName() + Math.round(radius);
        }
    }
        Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").centerCrop().transform(new GlideRoundTransform(this,50)).animate(animator).into(imageView);

當然如果我們想實現成一個圓形的頭像,只需要在上面基礎上稍微調整即可。那麼如何旋轉圖片呢如下

  /**
     *將影象做旋轉操作
     */
    public class GlideRotateTransform extends BitmapTransformation {
        private float rotateAngle = 0f;

        public GlideRotateTransform(Context context) {
            this(context, 90);
        }

        public GlideRotateTransform(Context context, float rotateAngle) {
            super(context);
            this.rotateAngle = rotateAngle;
        }

        @Override
        protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
            Matrix matrix=new Matrix();
            matrix.postRotate(rotateAngle);
            return Bitmap.createBitmap(toTransform,0,0,toTransform.getWidth(),toTransform.getHeight(),matrix,true);
        }
        @Override
        public String getId() {
            return getClass().getName() + rotateAngle;
        }
    }
        Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").centerCrop().transform(new GlideRotateTransform(this)).animate(animator).into(imageView);

看到這就明白了,其實自定義轉換也很簡單。需要注意的一點transform()如果多次呼叫,後面的效果會覆蓋前面的,也就是說我們只能看到最後一次的轉換,所以不要多次呼叫,還有centerCrop() 和fitCenter() 也是轉換,他是Glide自己實現的轉換。
通過前面幾句的描述,你可能會問既然transform()或者centerCrop() 和fitCenter() 不能多次呼叫,那麼我們想實現多種效果該怎麼辦呢?不要驚慌,我們看下transform原始碼它就收任意長的引數

 public DrawableRequestBuilder<ModelType> transform(BitmapTransformation... transformations) {
        return bitmapTransform(transformations);
    }

現在我們要實現上面兩個圓角加旋轉的轉換隻需要將兩個物件都以引數傳遞就可以了

        Glide.with(context).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").centerCrop().transform(new GlideRoundTransform(this,50),new GlideRotateTransform(this)).animate(animator).into(imageView);

實現效果
這裡寫圖片描述

Notifications載入網路圖片

我們發現現在很多App通知都會有一個圖片展示,這更美觀而且更能形象的表達出通知的內容,那麼怎麼載入網路上的圖片到通知欄呢?Glide提供了NotificationTarget來載入網路上的圖片,當然我們自己寫通知載入網路上的圖片也能實現,但是畢竟需要耗很多時間,
接下來我們先佈局通知UI,如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="2dp">

        <ImageView
            android:id="@+id/notification_icon"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginRight="2dp"
            android:layout_weight="0"
            android:scaleType="centerCrop" />

        <TextView
            android:layout_gravity="center"
            android:id="@+id/notification_text"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ellipsize="end"
            android:singleLine="true"
            android:textSize="12sp" />
    </LinearLayout>
</LinearLayout>

建立自定義通知

  /**
     * 設定通知欄網路圖示
     */
    private void notificationTarget() {
        RemoteViews remoteViews = new RemoteViews(this.getPackageName(), R.layout.notifition);
        remoteViews.setImageViewResource(R.id.notification_icon, R.mipmap.ic_launcher);
        remoteViews.setTextViewText(R.id.notification_text, "HeadLine");

        //build notifition
        NotificationCompat.Builder builder = (NotificationCompat.Builder) new NotificationCompat.Builder(this)
                .setSmallIcon(R.mipmap.ic_launcher)
                .setContentTitle("Content Title")
                .setContentText("Content Text")
                .setContent(remoteViews)
                .setPriority(NotificationCompat.PRIORITY_MIN);
        final Notification notification=builder.build();
        if (Build.VERSION.SDK_INT>=16){
            notification.bigContentView=remoteViews;
        }
        NotificationManager notificationManager=(NotificationManager)this.getSystemService(Context.NOTIFICATION_SERVICE);
        notificationManager.notify(NOTIFICATION_ID,notification);

        NotificationTarget notificationTarget=new NotificationTarget(this,remoteViews,R.id.notification_icon,notification,NOTIFICATION_ID);
        Glide.with(this).load(urls[4]).asBitmap().placeholder(R.mipmap.ic_launcher).error(R.mipmap.place).listener(new RequestListener<String, Bitmap>() {
            @Override
            public boolean onException(Exception e, String model, Target<Bitmap> target, boolean isFirstResource) {
                Log.e("TAG",e.toString());
                return true;
            }

            @Override
            public boolean onResourceReady(Bitmap resource, String model, Target<Bitmap> target, boolean isFromMemoryCache, boolean isFirstResource) {
                Log.e("TAG","1111111111111111111");
                return false;
            }
        }) .dontAnimate().into(notificationTarget);

    }

自定義GlideModule

我們先新建一個類實現GlideModule介面 ,在applyOptions方法裡利用GlideBuilder 全域性改變 Glide 行為的一個方式,通過全域性GlideModule 配置Glide,用GlideBuilder設定選項,用Glide註冊ModelLoader等

/**
 * Created by xiehui on 2016/8/29.
 */
public class ConfigurationGlide implements GlideModule {
    @Override
    public void applyOptions(final Context context, GlideBuilder builder) {
    //配置
    }

    @Override
    public void registerComponents(Context context, Glide glide) {
    }
}

完成自定義類的建立後,需要在清單檔案中配置,如果不配置的話,我們自定義的ConfigurationGlide 裡實現的內容都不會生效。

    <meta-data android:name="com.example.xh.glidedemo.ConfigurationGlide"
        android:value="GlideModule"/>

混淆

因為要用到反射的GlideModule可以通過反射例項化

-keepnames class com.example.xh.glidedemo.ConfigurationGlide

當然我們最好的方法是一次性混淆配置

-keep public class * implements com.bumptech.glide.module.GlideModule

Glide 的圖片質量

在 Android 中有兩個主要的方法對圖片進行解碼:ARGB8888(每畫素4位元組儲存) 和 RGB565(每畫素2位元組儲存)。當然ARGB8888有更高的圖片質量,Glide預設使用RGB565進行解碼,所以記憶體佔用相對較小,如果我們想要更高的圖片質量,可以設定,如下

builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);

記憶體快取

Glide提供了一個類MemorySizeCalculator,用於決定記憶體快取大小以及 bitmap 的快取池。bitmap 池維護了你 App 的堆中的影象分配。正確的 bitmpa 池是非常必要的,因為它避免很多的影象重複回收,這樣可以確保垃圾回收器的管理更加合理。它的預設計算實現

        //記憶體快取
        MemorySizeCalculator memorySizeCalculator = new MemorySizeCalculator(context);
        int defaultMemoryCacheSize = memorySizeCalculator.getMemoryCacheSize();
        int defalutBitmapPoolSize = memorySizeCalculator.getBitmapPoolSize();

此時我們可以根據預設的大小去調整自己想要的大小

        builder.setMemoryCache(new LruResourceCache((int) (defalutBitmapPoolSize * 1.2)));//內部
        builder.setBitmapPool(new LruBitmapPool((int) (defalutBitmapPoolSize * 1.2)));

磁碟快取

Glide圖片快取有兩種情況,一種是內部磁碟快取另一種是外部磁碟快取。我們可以通過 builder.setDiskCache()設定,並且Glide已經封裝好了兩個類實現外部和內部磁碟快取,分別是InternalCacheDiskCacheFactory和ExternalCacheDiskCacheFactory,通過原始碼發現磁碟快取預設是250M,路徑名image_manager_disk_cache如下

        //DiskCache介面內部Factory介面宣告

        /** 250 MB of cache. */
        int DEFAULT_DISK_CACHE_SIZE = 250 * 1024 * 1024;
        String DEFAULT_DISK_CACHE_DIR = "image_manager_disk_cache";

設定磁碟快取大小100M

 //磁碟快取100M
        builder.setDiskCache(new InternalCacheDiskCacheFactory(context, 1024 * 1024 * 100));//內部磁碟快取
        builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, 100 * 1024 * 1024));//磁碟快取到外部儲存

上面我們實現了自定義快取的大小,但是快取的路徑是固定的,那麼該如何自己定義快取路徑呢?上程式碼

//指定快取目錄1
        String downLoadPath = Environment.getDownloadCacheDirectory().getPath();
        builder.setDiskCache(new DiskLruCacheFactory(downLoadPath, defaultMemoryCacheSize));
        //指定快取目錄2
        builder.setDiskCache(new DiskCache.Factory() {
            @Override
            public DiskCache build() {
                File cacheLocation = new File(context.getExternalCacheDir(), "cache_dir");
                cacheLocation.mkdirs();

                return DiskLruCacheWrapper.get(cacheLocation, 1024 * 1024 * 100);
            }
        });

registerComponents裡的實現參考原始碼

本文是自己學習的一個總結記錄,同時也希望對看本文的你有一定幫助,由於水平有限,文中若有錯誤的地方歡迎指正!謝謝。

相關推薦

詳談高大圖片載入框架Glide -應用

在Android裝置上,載入網路圖片一直是一個頭疼的問題,因為Android裝置種類繁多(當然最主要的是配置),處理的稍不周到輕則應用卡頓,嚴重者就會出現OOM的,導致程式掛掉。現如今網路上有很多圖片庫,如 Universal-Image-Loader,Pica

Android 圖片載入框架Glide用法

最近有個需求是,要將 url 地址傳過來的圖片載入到ImageView中,幾番折騰後找到 Glide,真的很好用,所以做下筆記 轉載:https://www.cnblogs.com/guilin-hu/p/5706916.html 在泰國舉行的谷歌開發者論壇上,谷歌為我們介紹了一個名叫&nb

圖片載入框架Glide使用詳解

最終我還是決定使用Glide,作為我以後的主要圖片載入框架。主要基於三點考慮 程式碼有人維護,不至於出現問題,專案組都搞不定的時候問題無法解決。(ImageLoader已沒人維護了) 程式碼簡潔,可讀性很好。(Fresco是一個非常優秀的庫,但是配置稍顯麻煩

Android圖片載入框架Glide用法

轉載地址: 在泰國舉行的谷歌開發者論壇上,谷歌為我們介紹了一個名叫 Glide 的圖片載入庫,作者是bumptech。這個庫被廣泛的運用在google的開源專案中,包括2014年google I/O大會上釋出的官方app。 它的成功讓我非常感興趣。我花了一整晚的時間把

Android圖片載入框架Glide的簡單用法

一、概述 Glide是一款由Bump Technologies開發的圖片載入框架,可以在android平臺上以很簡單的方式載入和展示圖片。 目前,Glide最新的穩定版本是3.7.0,這個版本的

【封裝】圖片載入框架Glide使用

一直在用UIL(Android-Universal-Image-Loader)載入圖片,自我感覺載入使用還不錯,後來同事告訴我有個新玩意Glide,於是我就搜了下這個東西,發現確實好用太多了,在說Glide框架之前,先來看看一些主流的圖片框架,這樣你也可以去搜搜別的框架,然

Android圖片載入框架Glide的基本用法

那麼本篇文章是這個系列的第一篇文章,我們先來了解一下Glide的基本用法吧。 開始 Glide是一款由Bump Technologies開發的圖片載入框架,使得我們可以在Android平臺上以極度簡單的方式載入和展示圖片。 目前,Glide最新的穩定版

Android studio 圖片載入框架Glide介紹及使用

在泰國舉行的谷歌開發者論壇上,谷歌為我們介紹了一個名叫 Glide 的圖片載入庫,作者是bumptech。這個庫被廣泛的運用在google的開源專案中,包括2014年google I/O大會上釋出的官方app。 優點: 1,載入速度快 2,使用簡單 3,功能強大 4,記憶體

《轉載》Android圖片載入框架Glide用法

在泰國舉行的谷歌開發者論壇上,谷歌為我們介紹了一個名叫 Glide 的圖片載入庫,作者是bumptech。這個庫被廣泛的運用在google的開源專案中,包括2014年google I/O大會上釋出的官方app。它的成功讓我非常感興趣。我花了一整晚的時間把玩,決定分享一些自己的經驗。在開始之前我想說,Glide

修改圖片載入框架Glide的快取路徑(可用於清理快取需求)

1.寫一個類實現  GlideModule public class GlideCacheMore implements GlideModule { private String path=Environment.getExternalStorageDirector

Android圖片載入框架Glide之探究Glide的快取機制

轉載自:http://blog.csdn.net/guolin_blog/article/details/54895665 在本系列的上一篇文章中,我帶著大家一起閱讀了一遍Glide的原始碼,初步瞭解了這個強大的圖片載入框架的基本執行流程。 不過,上一篇文

圖片載入框架Glide的使用及原始碼分析

1、對比圖片載入框架Glide和Picasso的對比:Picasso:compile 'com.squareup.picasso:picasso:2.5.1'Glide:compile 'com.github.bumptech.glide:glide:3.7.0'Glide預

【Android 進階】圖片載入框架Glide

生活 cannot 簡單介紹 style codes 詳細 npr 濾鏡 ive 簡單介紹 在泰國舉行的谷歌開發人員論壇上,谷歌為我們介紹了一個名叫 Glid

Android圖片載入框架最全解析(四),玩轉Glide的回撥與監聽(筆記)

參考原文:Android圖片載入框架最全解析(四),玩轉Glide的回撥與監聽 回撥的原始碼實現 的Target物件傳入到GenericRequest當中,而Glide在圖片載入完成之後又會回撥GenericRequest的onResourceReady()方法,onReso

Android圖片載入框架最全解析(五),Glide強大的圖片變換功能(筆記)

參考原文:Android圖片載入框架最全解析(五),Glide強大的圖片變換功能 一個問題 百度這張logo圖片的尺寸只有540258畫素,但是我的手機的解析度卻是10801920畫素,而我們將ImageView的寬高設定的都是wrap_content,那麼圖片的寬度應該只有

Android圖片載入框架最全解析(三),深入探究Glide的快取機制(筆記)

原文地址:Android圖片載入框架最全解析(三),深入探究Glide的快取機制 筆記: 1.Glide快取簡介 2.快取Key EngineKey 重寫了equals()和hashCode()方法,保證只有傳入EngineKey的所有引數都相同的情況下才認為是

Android圖片載入框架最全解析(七),實現帶進度的Glide圖片載入功能(筆記)

參考原文:Android圖片載入框架最全解析(七),實現帶進度的Glide圖片載入功能 擴充套件目標 對Glide進行功能擴充套件,使其支援監聽圖片下載進度的功能 開始 dependencies { compile 'com.github.bumptech.glid

Android圖片載入框架最全解析(六),探究Glide的自定義模組功能(筆記)

參考原文:Android圖片載入框架最全解析(六),探究Glide的自定義模組功能 自定義模組的基本用法 自定義模組功能可以將更改Glide配置,替換Glide元件等操作獨立出來,使得我們能輕鬆地對Glide的各種配置進行自定義,並且又和Glide的圖片載入邏輯沒有任何交集,

Android-淺談Glide的原始碼-優雅的圖片載入框架(一)

摘要 網上GLide的原始碼分析文章太多了,以至於我自己看的時候都不知道從哪看,最近正好有時間整理一下文件。首先要肯定的一點是,我必須承認,Glide原始碼我沒讀完,相比較volley等框架的原始碼,Glide的原始碼在我看來更是一個極其複雜的設計,雖然它的使用時很簡單,但

Android圖片載入框架最全解析(五),Glide強大的圖片變換功能

                       本文同步發表於我的微信公眾號,掃一掃文章底部的二維碼或在微信搜尋 郭霖 即可關注,每天都有文章更新。大家好,又到了學習Glide的時間了。前段時間由於專案開發緊張,再加上後來又生病了,所以停更了一個月,不過現在終於又可以恢復正常更新了。今天是這個系列的第五篇文章,