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

時間 2019-12-12

標籤 android fresco 圖片加載基礎使用詳解欄目 Android 简体版

原文原文鏈接

前言

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

簡介

Fresco是由Facebook開源的一個圖片加載庫,Fresco是一個功能強大的系統，用於在Android應用程序中顯示圖像.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會替你完成:git

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

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"     //圓形或圓角圖像底下的疊加顏色
/>