前面在卓新科技有限公司實習的時候，在自己的愛吖頭條APP中，在圖片異步加載的時候和ListView的滑動中，總會出現卡頓，
這是因為圖片的緩存做的不是足夠到位，在項目監理的幫助下，有使用Xutils框架下的圖片加載，也有使用ImageLoader來實現，
在今天在威哥的微信公眾號了gank到了一個當前最強大的圖片加載框架——Fresco。
Fresco是Facebook發布的一款開源框架，號稱是目前最強的Android圖片加載庫，在內存方面的表現極為優秀，既然有如此信心，
對於Fresco的一些介紹，就不多說了，如果你感興趣肯定會到網上找一些相關的資料，建議你到官網查看：http://frescolib.org/。
當然了，國內的大神也對這個網站進行了翻譯，如果你英語水平比較捉急，請到http://fresco-cn.org/來進行觀摩，不過還是建議到官網，
因為你不知道什么時候會有更新，第三方的文檔會不及時。
好了，話不多說，我相信酷愛安卓的你，和我一樣，迫不及待。
1）添加依賴庫。
目前git上的版本是0.11.0
dependencies {
compile fileTree(include: ['*.jar'], dir: 'libs')
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:23.4.0'
compile 'com.facebook.fresco:fresco:0.11.0'
}
引入后andriod studio會自動加載遠程庫，如果沒有開vpn的話，可能時間稍微會長些。
對於Eclipse的介紹的話這里就不多說了，比較麻煩，而且你會拋棄超級好用的親兒子studio嗎？
2）然后如果你是多次用到Fresco，建議在 Application 初始化，如果只是寫着玩，就在應用調用 setContentView() 之前，進行初始化：
package com.example.nanchen.imageloadfrescodemo;
import android.app.Application;
import com.facebook.drawee.backends.pipeline.Fresco;
/**
* Created by 南塵 on 2016/7/11.
*/
public class MyApplication extends Application {
@Override
public void onCreate() {
super.onCreate();
Fresco.initialize(this);
}
}
3）因為我這里加載的是一張網絡圖片，所以要獲得網絡權限
<uses-permission android:name="android.permission.INTERNET"/>
4）用人家的框架就要按照人家的要求來是不，所以控件名字，命名空間都要聽人家的
Fresco不同於其它幾個圖片加載庫，它是基於自定義控件的，要使用控件SimpleDraweeView來顯示圖片，
注意，控件不支持寬高同時設置為wrap_content，默認強制設置寬高，否則不顯示圖片
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:fresco="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.nanchen.imageloadfrescodemo.MainActivity">
<!--<com.facebook.drawee.view.SimpleDraweeView-->
<!--android:layout_width="50dp"-->
<!--android:layout_height="50dp"-->
<!--android:id="@+id/main_simple_drawee_view"-->
<!--fresco:placeholderImage="@mipmap/ic_launcher"/>-->
<com.facebook.drawee.view.SimpleDraweeView
android:layout_width="400dp"
android:layout_height="match_parent"
android:id="@+id/main_simple_drawee_view"
fresco:placeholderImage="@mipmap/ic_launcher"/>
</RelativeLayout>
5）在activity中加載圖片顯示，Fresco 不支持相對路徑的URI. 所有的URI都必須是絕對路徑，並且帶上該URI的scheme。
package com.example.nanchen.imageloadfrescodemo;
import android.net.Uri;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import com.facebook.drawee.backends.pipeline.Fresco;
import com.facebook.drawee.interfaces.DraweeController;
import com.facebook.drawee.view.SimpleDraweeView;
public class MainActivity extends AppCompatActivity {
private SimpleDraweeView sdv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// Fresco.initialize(this);//Fresco的初始化，必須調用在setContentView之前
setContentView(R.layout.activity_main);
sdv = (SimpleDraweeView) findViewById(R.id.main_simple_drawee_view);
Uri uri = Uri.parse("http://dynamic-image.yesky.com/740x-/uploadImages/2015/163/50/690V3VHW0P77.jpg");
// sdv.setImageURI(uri);
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setUri(uri)
.setAutoPlayAnimations(true)
.build();
sdv.setController(controller);
}
}
運行效果如下：
- drawee支持如下屬性：
fresco:fadeDuration="300" // 淡入淡出的持續時間
fresco:actualImageScaleType="focusCrop" // 實際圖像的縮放類型
fresco:placeholderImage="@color/wait_color" //占位圖
fresco:placeholderImageScaleType="fitCenter" //占位圖的縮放類型
fresco:failureImage="@drawable/error" //下載失敗顯示的圖片
fresco:failureImageScaleType="centerInside" //失敗圖的縮放類型
fresco:retryImage="@drawable/retrying"
//圖片加載失敗時顯示，提示用戶點擊重新加載，重復加載4次還是沒有加載出來的時候才會顯示failureImage的圖片
fresco:retryImageScaleType="centerCrop" //重新加載的圖片縮放類型
fresco:progressBarImage="@drawable/progress_bar" //進度條圖片
fresco:progressBarImageScaleType="centerInside"
fresco:progressBarAutoRotateInterval="1000"
//進度圖自動旋轉間隔時間(單位：毫秒ms)
fresco:backgroundImage="@color/blue"
//背景圖片，這里的背景圖片首先被繪制
fresco:overlayImage="@drawable/watermark"
// 設置疊加圖，在xml中只能設置一張疊加圖片，如果需要多張圖片的話，需要在java代碼中設置哦
fresco:pressedStateOverlayImage="@color/red"
// 設置點擊狀態下的疊加圖
fresco:roundAsCircle="false" //設置為圓形圖
fresco:roundedCornerRadius="1dp" // 圓角半徑
fresco:roundTopLeft="true" // 左上角是否為圓角
fresco:roundTopRight="false"
fresco:roundBottomLeft="false"
fresco:roundBottomRight="true"
fresco:roundWithOverlayColor="@color/corner_color"
fresco:roundingBorderWidth="2dp" //邊框的寬度
fresco:roundingBorderColor="@color/border_color" //邊框顏色
上面的ImageScaleType有下面一些縮放類型：
| 類型 | 描述 |
| center | 居中，無縮放 |
| centerCrop | 保持寬高比縮小或放大，是的兩邊都大於或等於邊界，且寬和高契合顯示邊界，居中顯示 |
| focusCrop | 同centerCrop，但居中點不是中點，而是指定的某個點 |
| centerInside | 縮放圖片使兩邊都在顯示邊界內，居中顯示。和fitCenter不同，不會對圖片進行放大。如果尺寸大於顯示邊界，則保持寬高比例縮小圖片。 |
| fitCenter | 保持寬高比，縮小或者放大，使得圖片完全顯示在顯示邊界內，且寬或高契合顯示邊界，居中顯示。 |
| fitStart | 同上，但不居中，和顯示邊界左上對齊。 |
| fitEnd | 同fitCenter，但不居中，和顯示邊界右下對齊。 |
| fitXY | 不保存寬高比，填充滿顯示邊界。 |
| none | 如果要使用tile mode顯示，則需要設置為none |
多圖請求
有時候需要加載很多圖片，這個時候如果網絡情況不是很好的情況下，一直顯示占位圖，體驗也不是很好，我們可以先顯示一個低分辨率的圖片，等到大圖加載完成之后，在顯示真正的圖片。
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setLowResImageRequest(ImageRequest.fromUri(lowResUri))
.setImageRequest(ImageRequest.fromUri(highResUri))
.setOldController(draweeView.getController())
.build();
draweeView.setController(controller);
當然如果你想監聽加載的過程，就加一個ControllerListen
//寫一個監聽器 監聽圖片加載
ControllerListener listener = new BaseControllerListener(){
/**
* 當圖片加載成功時會執行的方法
* @param id
* @param imageInfo
* @param animatable
*/
@Override
public void onFinalImageSet(String id, Object imageInfo, Animatable animatable) {
super.onFinalImageSet(id, imageInfo, animatable);
}
/**
* 圖片加載失敗時調用的方法
* @param id
* @param throwable
*/
@Override
public void onFailure(String id, Throwable throwable) {
super.onFailure(id, throwable);
}
/**
* 如果圖片使用漸進式，這個方法將會被回調
* @param id
* @param throwable
*/
@Override
public void onIntermediateImageFailed(String id, Throwable throwable) {
super.onIntermediateImageFailed(id, throwable);
}
};
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setUri(uri)
.setAutoPlayAnimations(true)
.setControllerListener(listener)
.build();
sdv.setController(controller);