目前使用在android中的圖片加載框架有不少，有ImageLoader，Glide,Picasso，這些框架被用在了很多的項目當(dāng)中，可是當(dāng)Glide或者是Picasso去加載幾千張的圖片時候，依然造成了圖片加載卡頓的現(xiàn)象，所以這里就要介紹給大家一個非常優(yōu)秀的、功能十分強(qiáng)大的，在加載幾千張圖片依然流暢的圖片加載框架Fresco，這個框架的出自Facebook的開發(fā)團(tuán)隊，目前在github的star數(shù)已經(jīng)達(dá)到了上萬。
項目地址：https://github.com/facebook/fresco
接下來就來體驗一下Fresco的使用

（一）最簡單的使用

1. 在你的app級別的.gradle文件中添加fresco的依賴

    compile'com.facebook.fresco:fresco:1.1.0'
   

2. 創(chuàng)建App類，繼承自系統(tǒng)中的Application類，重寫onCreate()方法，并在清單文件中配置App類

    //最簡單的Fresco初始化
     Fresco.initialize(this);
   

   Fresco還重載了兩個初始化的方法，另外兩種初始化在后文中再講

3. Fresco對于圖片加載并不是像其他的圖片加載框架一樣，直接將圖片加載到ImageView中，而是加載到它內(nèi)置的一個繼承自View的DraweeView控件上。然而我們想要使用Fresco中一些強(qiáng)大的功能的話，需要用到的是DraweeView的一個子類SimpleDraweeView。
   在布局文件中使用SimpleDraweeView

    <com.facebook.drawee.view.SimpleDraweeView
          android:id="@+id/sdv"
          android:layout_width="100dp"
          android:layout_height="100dp" />
   

   這邊需要注意的是在DraweeView的layout_width和layout_height并不支持wrap_content屬性，一旦你使用了這個屬性，將會導(dǎo)致view的onLayout()方法重新執(zhí)行，出現(xiàn)畫面的跳躍

4. 加載圖片
   Fresco能夠加載以下類型的圖片

這個案例我們就去加載網(wǎng)絡(luò)中的圖片，我隨便在網(wǎng)絡(luò)上找了一張圖片去加載
加載網(wǎng)絡(luò)圖片還需要在manifests文件中增加訪問網(wǎng)絡(luò)圖片的權(quán)限

   <uses-permission android:name="android.permission.INTERNET"/>

在activity中進(jìn)行圖片加載操作

  SimpleDraweeView sdv = (SimpleDraweeView) findViewById(R.id.sdv);
  sdv.setImageURI("http://pic.58pic.com/58pic/13/77/09/53K58PICEMN_1024.jpg");

對于加載其他類型的圖片，用以下規(guī)則
String imageUri = "http://site.com/image.png"; // 網(wǎng)絡(luò)圖片
String imageUri = "file:///mnt/sdcard/image.png"; //SD卡圖片
String imageUri = "content://media/external/audio/albumart/13"; // 媒體文件夾
String imageUri = "assets:///image.png"; // assets
String imageUri = "res://" + context.getPackageName()+"/" +R.drawable.image; // drawable文件
運行app，發(fā)現(xiàn)圖片成功被加載。

（二）SimpleDraweeView的屬性介紹

上面介紹了Fresco最簡單的用法，接下來就來說下SimpleDrawwwView的所有屬性，這些屬性體現(xiàn)了Fresco強(qiáng)大的地方

Paste_Image.png

對于這些屬性的使用就補(bǔ)貼代碼了，大家可以自己嘗試一下

（三）對于GIF與WEBP的支持

Fresco不僅支持常見的圖片格式，還支持GIF和WEBP格式的圖片
如果你想要你的應(yīng)用支持gif和webp格式圖片，那么需要添加以下依賴：

    // 支持 GIF 動圖，需要添加
compile 'com.facebook.fresco:animated-gif:1.1.0'

// 支持 WebP （靜態(tài)圖+動圖），需要添加
compile 'com.facebook.fresco:animated-webp:1.1.0'
compile 'com.facebook.fresco:webpsupport:1.1.0'

 // 僅支持 WebP 靜態(tài)圖，需要添加
compile 'com.facebook.fresco:webpsupport:1.1.0'

（四）切換網(wǎng)絡(luò)底層

Fresco網(wǎng)絡(luò)加載庫默認(rèn)是使用的是HttpUrlConnection，但是它支持開發(fā)者切換網(wǎng)絡(luò)加載庫
切換網(wǎng)絡(luò)底層，講到切換網(wǎng)絡(luò)底層就要回到Fresco的初始化的重載方法，這里使用兩個參數(shù)的初始化方法

Fresco.initialize(Context context,@Nullable ImagePipelineConfig imagePipelineConfig);

這里可以看到需要一個ImagePipelineConfig對象，F(xiàn)resco將圖片加載的工作交給ImagePipelineConfig類去做，所以對圖片加載的配置都是通過這個類來完成的。
ImagePipelineConfig的對象不能直接new，而是通過其內(nèi)部提供的Builder類的build()方法來構(gòu)造出對象。
所以切換底層，用以下這個類就能完成。
在這里，我將網(wǎng)絡(luò)底層切換為okhttp。
查看文檔，發(fā)現(xiàn)切換網(wǎng)絡(luò)底層需要我們?nèi)プ远x類繼承NetworkFetchProducer類去完成，不過Fresco非常人性化的為我們提供依賴，可以快速的將網(wǎng)絡(luò)底層切換為okhttp。
在app的.gradle依賴：

//網(wǎng)絡(luò)加載切換為okhttp2
compile "com.facebook.fresco:imagepipeline-okhttp:1.1.0"
//網(wǎng)絡(luò)加載切換為okhttp3
compile "com.facebook.fresco:imagepipeline-okhttp3:0.1.1.0"

重寫onCreate()方法

ImagePipelineConfig frescoConfig = OkHttpImagePipelineConfigFactory.newBuilder(this,okHttpClient).build();
Fresco.initialize(this,frescoConfig);

參考文獻(xiàn)：Fresco官方使用文檔 https://www.fresco-cn.org/docs/index.html