Facebook 開源項目 Fresco 使用簡介

1. 在Gradle中添加依賴
dependencies {
  compile 'com.facebook.fresco:fresco:0.1.0+'
}


2. 在Application 初始化時調用 Fresco.initialize(context);


3. 在xml布局文件中, 加入命名空間: xmlns:fresco="http://schemas.android.com/apk/res-auto"


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


5. 在Java代碼中設置圖片路徑
draweeView.setImageURI("http://site.com/uri");


6. 參數說明


<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="20dp"   // 不支持wrap_content 如果要設置寬高比, 需要在Java代碼中指定setAspectRatio(1.33f);
    android:layout_height="20dp"    // 不支持wrap_content
    fresco:fadeDuration="300"
    fresco:actualImageScaleType="focusCrop" // 設置圖片縮放. 通常使用focusCrop,該屬性值會通過算法把人頭像放在中間
    fresco:placeholderImage="@color/wait_color" // 下載成功之前顯示的圖片
    fresco:placeholderImageScaleType="fitCenter"
    fresco:failureImage="@drawable/error" // 加載失敗的時候顯示的圖片
    fresco:failureImageScaleType="centerInside"
    fresco:retryImage="@drawable/retrying" // 加載失敗,提示用戶點擊重新加載的圖片(會覆蓋failureImage的圖片)
    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" // 圓角角度,180的時候會變成圓形圖片
    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"
  />




7. 修改圖片尺寸


Uri uri = "file:///mnt/sdcard/MyApp/myfile.jpg";
int width = 50, height = 50;
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
    .setResizeOptions(new ResizeOptions(width, height))
    .build();
PipelineDraweeController controller = Fresco.newDraweeControllerBuilder()
    .setOldController(mDraweeView.getController())
    .setImageRequest(request)
    .build();
mSimpleDraweeView.setController(controller);


自動旋轉
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
    .setAutoRotateEnabled(true)

    .build();

中文版API指南

http://fresco-cn.org/docs/index.html#_