Android Fresco圖片加載庫基礎使用詳解

前言

圖片加載在 Android開發項目中是必不可少的，爲了下降開發週期和難度，咱們常常會選用一些圖片加載的開源庫，而Android發展到如今圖片加載開源庫也愈來愈多了，下面介紹 Fresco開源圖片加載庫.

簡介

Fresco是由Facebook開源的一個圖片加載庫,Fresco是一個功能強大的系統，用於在Android應用程序中顯示圖像.

功能介紹以及基礎使用

1.配置

• 在 build.gradle 中配置:

dependencies {
  // 其餘依賴
  compile 'com.facebook.fresco:fresco:0.12.0'
}
複製代碼

• 下面的依賴須要根據需求添加：

dependencies {
  // 在 API < 14 上的機器支持 WebP 時，須要添加
  compile 'com.facebook.fresco:animated-base-support:0.12.0'

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

  // 支持 WebP （靜態圖+動圖），須要添加
  compile 'com.facebook.fresco:animated-webp:0.12.0'
  compile 'com.facebook.fresco:webpsupport:0.12.0'

  // 僅支持 WebP 靜態圖，須要添加
  compile 'com.facebook.fresco:webpsupport:0.12.0'
}
複製代碼

• Application中初始化Fresco

[MyApplication.java]
public class MyApplication extends Application {
	@Override
	public void onCreate() {
		super.onCreate();
		Fresco.initialize(this);
	}
}
複製代碼

• 在 AndroidManifest.xml 中指定你的 Application 類

<manifest
    ...
    >
    <uses-permission android:name="android.permission.INTERNET" />
    <application
      ...
      android:label="@string/app_name"
      android:name=".MyApplication"
      >
      ...
    </application>
    ...
  </manifest>
複製代碼

• 添加網絡權限

<uses-permission android:name="android.permission.INTERNET"/>
複製代碼

• 在xml佈局文件中, 加入SimpleDraweeView：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="130dp"
    android:layout_height="130dp"
    fresco:placeholderImage="@drawable/my_drawable"
  />
複製代碼

• 開始加載圖片

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

剩下的，Fresco會替你完成:

顯示佔位圖直到加載完成； 下載圖片； 緩存圖片； 圖片再也不顯示時，從內存中移除； 等等等等。

---

2.基本功能介紹&使用

• 可配置的全部選項

<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。若是沒有在XML中聲明這兩個屬性，將沒法正確加載圖像。

Drawees 不支持 wrap_content 屬性。

所下載的圖像可能和佔位圖尺寸不一致，若是設置出錯圖或者重試圖的話，這些圖的尺寸也可能和所下載的圖尺寸不一致。

若是大小不一致，假設使用的是 wrap_content，圖像下載完以後，View將會從新layout，改變大小和位置。這將會致使界面跳躍。

---

至此,Fresco的基本功能介紹&使用就講解完畢了,感謝閱讀

參考文章

• 官方文檔
• Android圖片加載神器之Fresco-加載圖片基礎

歡迎關注做者darryrzhong,更多幹貨等你來拿喲.

請賞個小紅心！由於你的鼓勵是我寫做的最大動力！

更多精彩文章請關注

• 我的博客:darryrzhong
• 掘金
• 簡書
• SegmentFault
• 慕課網手記