Fresco-的簡單實用

首先我們在工程中的build.gradle導一個依賴

compile 'com.facebook.fresco:fresco:0.11.0'

 我們寫一個MyApp繼承Application

package com.xxx.fresco_sy;

import android.app.Application;

import com.facebook.drawee.backends.pipeline.Fresco;

public class MyApp extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        Fresco.initialize(this);
    }
}

我們寫一個xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    tools:context="com.xxx.fresco_sy.MainActivity">

    <com.facebook.drawee.view.SimpleDraweeView
        android:layout_width="400dp"
        android:layout_height="match_parent"
        android:id="@+id/sdv"
        fresco:placeholderImage="@mipmap/ic_launcher"/>
</RelativeLayout>

然後我們在MainActivity中加載一個網上的圖片

package com.xxx.fresco_sy;

import android.net.Uri;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

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);
        setContentView(R.layout.activity_main);
        //找控件
        sdv = (SimpleDraweeView) findViewById(R.id.sdv);
        Uri uri =  Uri.parse("http://dynamic-image.yesky.com/740x-/uploadImages/2015/163/50/690V3VHW0P77.jpg");

        DraweeController controller = Fresco.newDraweeControllerBuilder()
                .setUri(uri)
                .setAutoPlayAnimations(true)
                .build();
        sdv.setController(controller);
    }
}

最後不要忘記在我們的清單文件中加上網絡請求和MyApp的

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

android:name=".MyApp"

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" //邊框顏色