Fresco的基本使用

引入Fresco

编辑 build.gradle 文件:

compile 'com.facebook.fresco:fresco:0.12.0'

// 在 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'

在加载图片之前，你必须初始化Fresco类。你只需要调用Fresco.initialize一次即可完成初始化，在 Application 里面初始化

package com.zhoujian.fresco;

import android.app.Application;
import com.facebook.drawee.backends.pipeline.Fresco;

/**
 * Created by zhoujian on 2017/1/7.
 */

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

做完上面的工作后，你需要在 AndroidManifest.xml 中指定你的 Application 类。并设置网络权限

<?xml version="1.0" encoding="utf-8"?>
<manifest
    xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.zhoujian.fresco">

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

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:name=".AppApplication"
        android:theme="@style/AppTheme">
        <activity android:name=".activity.MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
    </application>
</manifest>

在xml布局文件中, 加入命名空间：

xmlns:fresco="http://schemas.android.com/apk/res-auto"

在布局中使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent">

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/fresco_imgeview"
        android:layout_marginTop="5dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        fresco:viewAspectRatio="1.33"
        fresco:placeholderImage="@mipmap/image_default"
        fresco:fadeDuration="300"
        fresco:actualImageScaleType="focusCrop"
        fresco:placeholderImageScaleType="fitCenter"
        fresco:failureImage="@mipmap/image_default"
        fresco:failureImageScaleType="centerInside"
        fresco:retryImage="@mipmap/image_default"
        fresco:retryImageScaleType="centerCrop"
        fresco:progressBarImage="@mipmap/image_default"
        fresco:progressBarImageScaleType="centerInside"
        fresco:progressBarAutoRotateInterval="1000"
        fresco:backgroundImage="@color/colorAccent"
        fresco:roundAsCircle="false"
        fresco:roundedCornerRadius="20dp"
        fresco:roundTopLeft="true"
        fresco:roundTopRight="true"
        fresco:roundBottomLeft="true"
        fresco:roundBottomRight="true"
        fresco:roundWithOverlayColor="#eeeeee"
        fresco:roundingBorderWidth="1dp"
        fresco:pressedStateOverlayImage="@android:color/transparent"/>


    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/fresco_imgeview1"
        android:layout_marginTop="5dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        fresco:viewAspectRatio="1.33"
        fresco:placeholderImage="@mipmap/image_default"/>

</LinearLayout>

在代码中加载

package com.zhoujian.fresco.activity;

import android.app.Activity;
import android.os.Bundle;
import com.facebook.drawee.view.SimpleDraweeView;
import com.zhoujian.fresco.R;
import butterknife.BindView;
import butterknife.ButterKnife;

public class MainActivity extends Activity
{

    @BindView(R.id.fresco_imgeview)
    SimpleDraweeView mFrescoImgeview;

    @BindView(R.id.fresco_imgeview1)
    SimpleDraweeView mFrescoImgeview1;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(MainActivity.this);
        setImage();
    }

    private void setImage()
    {
        mFrescoImgeview.setImageURI("http://image.tianjimedia.com/uploadImages/2014/339/38/M7K1817T9KU1.jpg");
        mFrescoImgeview1.setImageURI("http://img5.imgtn.bdimg.com/it/u=3432186896,3159823243&fm=21&gp=0.jpg");
    }
}

运行效果截图：

源码下载

源码下载：https://github.com/zeke123/FrescoDemo