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