Fresco加载网络图片的使用

Fresco加载网络图片的使用

    这篇文章写的是请求网络图片的其中一种框架Fresco的使用方法，以及官网的链接http://fresco-cn.org/

1）添加依赖库。

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

2）建议在 Application 初始化，如果只是写着玩，就在应用调用 setContentView() 之前

进行初始化:

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

3）添加网络权限

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

4）用人家的框架就要按照人家的要求来是不，所以控件名字，命名空间都要听人家的
Fresco不同于其它几个图片加载库，它是基于自定义控件的，要使用控件SimpleDraweeView来显示图片，
注意，控件不支持宽高同时设置为wrap_content，默认强制设置宽高，否则不显示图片

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    xmlns:fresco="http://schemas.android.com/apk/res-auto"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.example.nanchen.imageloadfrescodemo.MainActivity">      <!--<com.facebook.drawee.view.SimpleDraweeView-->        <!--android:layout_width="50dp"-->        <!--android:layout_height="50dp"-->        <!--android:id="@+id/main_simple_drawee_view"-->        <!--fresco:placeholderImage="@mipmap/ic_launcher"/>-->     <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"/>   </RelativeLayout>

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

public class MainActivity extends AppCompatActivity {     private SimpleDraweeView sdv;     @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);//        Fresco.initialize(this);//Fresco的初始化，必须调用在setContentView之前        setContentView(R.layout.activity_main);         sdv = (SimpleDraweeView) findViewById(R.id.main_simple_drawee_view);         Uri uri =  Uri.parse("http://dynamic-image.yesky.com/740x-/uploadImages/2015/163/50/690V3VHW0P77.jpg");//        sdv.setImageURI(uri);         DraweeController controller = Fresco.newDraweeControllerBuilder()                .setUri(uri)                .setAutoPlayAnimations(true)                .build();        sdv.setController(controller);    }}

运行效果如下:

此控件的属性：

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

多图请求

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

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

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

//写一个监听器 监听图片加载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);

初学者一枚，相关属性网上都可以百度到，闲暇时间为android界的大神们提取信息，大恩不言谢