图片加载框架Fresco的使用

一、跟布局中添加

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

<com.facebook.drawee.view.SimpleDraweeView

        android:id="@+id/patrol_item_image"

        android:layout_width="@dimen/patrol_136px"

        android:layout_height="@dimen/patrol_136px"

        android:layout_marginTop="@dimen/patrol_44px"

        fresco:fadeDuration="300"

        fresco:placeholderImage="@drawable/patrol_image_loading"

        fresco:progressBarAutoRotateInterval="4000"

        fresco:progressBarImage="@drawable/patrol_image_loading"

        fresco:progressBarImageScaleType="centerInside"/>

1、如果你是多次用到Fresco，建议在Application 初始化，如果只是写着玩，

 

就在应用调用 setContentView() 之前，进行初始化：

 

2、要使用控件SimpleDraweeView来显示图片，注意，控件不支持宽高同时设置为wrap_content，默认强制设置宽高，否则不显示图片

 

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

 <com.facebook.drawee.view.SimpleDraweeView

       android:layout_width="400dp"

       android:layout_height="match_parent"

       android:id="@+id/main_simple_drawee_view"

       fresco:placeholderImage="@mipmap/ic_launcher"/>

 

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

 

5、sdv =(SimpleDraweeView) findViewById(R.id.main_simple_drawee_view);

 

     Uri uri= Uri.parse("http://dynamic-image.yesky.com//690V3VHW0P77.jpg");

//sdv.setImageURI(uri);

 

     DraweeController controller =Fresco.newDraweeControllerBuilder()

                .setUri(uri)

                .setAutoPlayAnimations(true)

                .build();

     sdv.setController(controller);

 

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

 

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

 

类型       描述

 

center      居中，无缩放

 

centerCrop      保持宽高比缩小或放大，是的两边都大于或等于边界，且宽和高契合显示边界，居中显示

 

focusCrop       同centerCrop，但居中点不是中点，而是指定的某个点

 

centerInside    缩放图片使两边都在显示边界内，居中显示。和fitCenter不同，不会对图片进行放大。如果尺寸大于显示边界，则保持宽高比例缩小图片。

 

fitCenter  保持宽高比，缩小或者放大，使得图片完全显示在显示边界内，且宽或高契合显示边界，居中显示。

 

fitStart    同上，但不居中，和显示边界左上对齐。

 

fitEnd     同fitCenter，但不居中，和显示边界右下对齐。

 

fitXY      不保存宽高比，填充满显示边界。

 

none       如果要使用tilemode显示，则需要设置为none

 

多图请求

 

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

 

 

DraweeControllercontroller = Fresco.newDraweeControllerBuilder()

   .setLowResImageRequest(ImageRequest.fromUri(lowResUri))

   .setImageRequest(ImageRequest.fromUri(highResUri))

    .setOldController(draweeView.getController())

    .build();

draweeView.setController(controller);

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

 

 

//写一个监听器 监听图片加载

ControllerListenerlistener = 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, Throwablethrowable) {

        super.onFailure(id, throwable);

    }

 

 

    /**

     *  如果图片使用渐进式，这个方法将会被回调

     * @param id

     * @param throwable

     */

    @Override

    public voidonIntermediateImageFailed(String id, Throwable throwable) {

        super.onIntermediateImageFailed(id,throwable);

    }

};

 

DraweeControllercontroller = Fresco.newDraweeControllerBuilder()

        .setUri(uri)

        .setAutoPlayAnimations(true)

        .setControllerListener(listener)

        .build();

 

sdv.setController(controller);