Fresco的使用

1）添加依赖库。

 

dependencies {

    compile fileTree(include: ['*.jar'], dir: 'libs')

    testCompile 'junit:junit:4.12'

    compile 'com.android.support:appcompat-v7:23.4.0'

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

}

2）然后如果你是多次用到Fresco，建议在 Application 初始化，如果只是写着玩，就在应用调用 setContentView() 之前，进行初始化：

 

 

 

 

 public void onCreate() {

        super.onCreate();

        Fresco.initialize(this);

    }

}

3）因为我这里加载的是一张网络图片，所以要获得网络权限
<uses-permission android:name="android.permission.INTERNET"/>

 

 

 

4）Fresco不同于其它几个图片加载库，它是基于自定义控件的，要使用控件SimpleDraweeView来显示图片，
注意，控件不支持宽高同时设置为wrap_content，默认强制设置宽高，否则不显示图片

 

　　

5）在activity中加载图片显示，Fresco 不支持相对路径的URI. 所有的URI都必须是绝对路径，并且带上该URI的scheme。

• drawee支持如下属性：

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

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" //边框颜色

　　

上面的ImageScaleType有下面一些缩放类型：

 

类型	描述
center	居中，无缩放
centerCrop	保持宽高比缩小或放大，是的两边都大于或等于边界，且宽和高契合显示边界，居中显示
focusCrop	同centerCrop，但居中点不是中点，而是指定的某个点
centerInside	缩放图片使两边都在显示边界内，居中显示。和fitCenter不同，不会对图片进行放大。如果尺寸大于显示边界，则保持宽高比例缩小图片。
fitCenter	保持宽高比，缩小或者放大，使得图片完全显示在显示边界内，且宽或高契合显示边界，居中显示。
fitStart	同上，但不居中，和显示边界左上对齐。
fitEnd	同fitCenter，但不居中，和显示边界右下对齐。
fitXY	不保存宽高比，填充满显示边界。
none	如果要使用tile mode显示，则需要设置为none

 

多图请求

有时候需要加载很多图片，这个时候如果网络情况不是很好的情况下，一直显示占位图，体验也不是很好，我们可以先显示一个低分辨率的图片，等到大图加载完成之后，在显示真正的图片。

1 2 3 4 5 6

DraweeController controller = Fresco.newDraweeControllerBuilder()     .setLowResImageRequest(ImageRequest.fromUri(lowResUri))     .setImageRequest(ImageRequest.fromUri(highResUri))     .setOldController(draweeView.getController())     .build(); draweeView.setController(controller);

当然如果你想监听加载的过程，就加一个ControllerListen

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

//写一个监听器 监听图片加载 ControllerListener listener = new BaseControllerListener(){       /**      * 当图片加载成功时会执行的方法      * @param id      * @param imageInfo      * @param animatable      */     @Override     public void onFinalImageSet(String id, Object imageInfo, Animatable animatable) {         super.onFinalImageSet(id, imageInfo, animatable);     }         /**      * 图片加载失败时调用的方法      * @param id      * @param throwable      */     @Override     public void onFailure(String id, Throwable throwable) {         super.onFailure(id, throwable);     }         /**      *  如果图片使用渐进式，这个方法将会被回调      * @param id      * @param throwable      */     @Override     public void onIntermediateImageFailed(String id, Throwable throwable) {         super.onIntermediateImageFailed(id, throwable);     } };   DraweeController controller = Fresco.newDraweeControllerBuilder()         .setUri(uri)         .setAutoPlayAnimations(true)         .setControllerListener(listener)         .build();   sdv.setController(controller);