Fresco是Facebook最新推出的一款用於Android應用中展示圖片的強大圖片庫，可以從網路、本地儲存和本地資源中載入圖片。相對於ImageLoader，擁有更快的圖片下載速度以及可以載入和顯示gif圖等諸多優勢，是個很好的圖片框架。PS：畢竟是facebook開源的，我說差也不會有人相信，還是誇誇吧！

首先體驗其最基本的用法：

1.匯入 Android Studio 或者 Gradle

dependencies {
  compile 'com.facebook.fresco:fresco:0.9.0+'
}

2、在xml中引入SimpleDraweeView

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/image_view"
    android:layout_width="20dp"
    android:layout_height="20dp"
    fresco:placeholderImage="@drawable/my_drawable"
  />
 

注意：1、在SimpleDraweeView的父控制元件或者根節點中配置xmlns:fresco="http://schemas.android.com/apk/res-auto";

2、配置網路許可權

3、在Java程式碼中開始載入圖片

Uri uri = Uri.parse("https://raw.githubusercontent.com/facebook/fresco/gh-pages/static/fresco-logo.png");
SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view);
draweeView.setImageURI(uri);
 

OK，到這兒已經初步學會了該框架的使用。

接下來詳細研究其用法：

URIs的使用：

型別	Scheme	示例
遠端圖片	http://, https://	HttpURLConnection 或者參考 使用其他網路載入方案
本地檔案	file://	FileInputStream
Content provider	content://	ContentResolver
asset目錄下的資源	asset://	AssetManager
res目錄下的資源	res://	Resources.openRawResource

res 示例:Uri uri = Uri.parse("res://包名(實際可以是任何字串甚至留空)/" + R.drawable.ic_launcher);

注意：Fresco 不支援 相對路徑的URI. 所有的URI都必須是絕對路徑，並且帶上該URI的scheme。

在XML中使用SimpleDraweeView:

給出一個完整的示例：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="20dp"
    android:layout_height="20dp"
    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"//重試圖
    fresco:retryImageScaleType="centerCrop"//重試圖顯示方式
    fresco:progressBarImage="@drawable/progress_bar"
    fresco:progressBarImageScaleType="centerInside"
    fresco:progressBarAutoRotateInterval="1000"
    fresco:backgroundImage="@color/blue"
    fresco:overlayImage="@drawable/watermark"
    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"
  />

說明：必須宣告 android:layout_width 和 android:layout_height，否則將無法正確載入影象，另外不支援 wrap_content 屬性，但也有例外的時候，如果想固定控制元件的寬高比，則可以使用wrap_content,並通過在xml程式碼中設定fresco:viewAspectRatio="小數"或者在Java程式碼中設定mSimpleDraweeView.setAspectRatio(1.33f);即可。

在Java中自定義顯示圖

一般情況下，在XML設定顯示效果即可, 如果想更多定製化，可以這樣:

建立一個 builder 然後設定給 SimpleDraweeView:

List<Drawable> backgroundsList;
List<Drawable> overlaysList;
GenericDraweeHierarchyBuilder builder =
    new GenericDraweeHierarchyBuilder(getResources());
GenericDraweeHierarchy hierarchy = builder
    .setFadeDuration(300)
    .setPlaceholderImage(new MyCustomDrawable())
    .setBackgrounds(backgroundList)
    .setOverlays(overlaysList)
    .build();
mSimpleDraweeView.setHierarchy(hierarchy);

注意：請不要多次呼叫setHierarchy，即使這個View是可回收的。建立 DraweeHierarchy 的較為耗時的一個過程，應該多次利用。

修改 DraweeHierarchy

DraweeHierarchy 的一些屬性可以在執行時改變。

要改變這些屬性，首先獲取一個引用:

GenericDraweeHierarchy hierarchy = mSimpleDraweeView.getHierarchy();

修改佔位圖

修改佔位圖為資源id:hierarchy.setPlaceholderImage(R.drawable.placeholderId);

或者修改為一個 Drawable:Drawable drawable; hierarchy.setPlaceholderImage(drawable);

改變影象的顯示

修改縮放型別:

hierarchy.setActualImageScaleType(ScalingUtils.ScaleType.CENTER_INSIDE);

如果你選擇縮放型別為 focusCrop，需要指定一個居中點:hierarchy.setActualImageFocusPoint(point);

你可以為影象新增一個 color filter:

ColorFilter filter;

// 建立filter

hierarchy.setActualImageColorFilter(filter);

圓角

除了圓角顯示方式（原來為圓角的不能修改為圓圈，反之亦然），其他圓角相關的呈現引數, 具體參見這裡 是可以動態修改的。

如下: 獲取DraweeHierarchy的圓角顯示引數，修改圓角半徑為10。

RoundingParams roundingParams = hierarchy.getRoundingParams();

roundingParams.setCornersRadius(10);

hierarchy.setRoundingParams(roundingParams);

OK，到此就已經掌握了Fresco的基礎用法，接一下的一篇會研究Fresco的一些高階功能及技巧。