图片加载框架之Fresco_熊德海

<code class="hljs scala has-numbering">给大家讲讲图片加载框架之Fresco</code><code class="hljs scala has-numbering">   
                              _MaxPanda</code>
<code class="hljs scala has-numbering"></code><code class="hljs scala has-numbering"></code><code class="hljs scala has-numbering"></code><pre name="code" class="prettyprint"><code class="hljs scala has-numbering">以下是常见的图片加载框架：
</code>

<code class="hljs scala has-numbering"></code>

Universal-Image-Loader优点：作者是大名鼎鼎的nostra13，UIL使用方便，而且自有多种缓存策略，如最大尺寸先删除、时间最久删除等，使用它，基本上不需要考虑太多的问题，可以把精力节省下来投入到开发的其他地方。另外，UIL还支持图片下载进度的监听，如果你有特殊需求，则可以在图片开始下载前、刚开始下载等各个时间段来做一些额外的事情，非常方便。而且UIL可以在View滚动的过程中暂停图片的加载，有利于提升界面的流畅度缺点：作者（2015/11/27）宣布不再维护这个项目Picasso优点：来自于开源界名气很大的Square公，总体来看它比较小巧，但也有着一些自己的特色。比如，很特别的拥有统计功能，可以知道使用了多少内存、缓存命中如何，另外它本身没有什么缓存策略，而是依赖所用的网络库的缓存策略——嗯，其实就是依赖了OkHttp了。Picasso使用起也是比较简单的。缺点：Glide比它更优秀，而且使用起来几乎是一样的……Glide优点：来自于bumptech，被Google官方所推荐，甚至在许多Android的原生应用中都采用了Glide来加载图片，可见其受推崇的程度。Glide不仅支持常见的jpg和png格式，还能显示gif动画，甚至是视频，换言之它已经不仅仅是一个普通的图片加载库了，而是一个多媒体库。另外一个优势是，Glide在内存方面的表现相当出色，首先它的图片默认格式是RGB565，要比ARGB8888节省更多内存，而且它缓存的不是原始图片，而是缓存了图片的实际大小——比如加载的图片是1920*1080的大小，而在你的App中，显示该图片的ImageView大小只有1280*720，那么Glide就会很聪明的自动缓存1280*720大小的图片。Fresco优点：这个可以称为是Android平台上目前最为强大的图片加载库了，来源于地球人都知道的Facebook公司。与Glide一样，Fresco也是支持gif动画显示，而且在内存方面的表现更是无敌。由于将图片放在Ashmem（匿名共享内存）中，大大降低了App的内存占用（因为Ashmem没有被统计到App的内存使用里），再加上各种神优化，使得Fresco基本上告别了OOM，而且Fresco的图片直接显示为ARGB8888这种最高质量的级别，即使是在这种高质量的情况下依然保证了比其他库更少的内存占用，不得不佩服Facebook的实力。而且类似于进度监听、缓存策略等，也是应有尽有，总之作为一个图片加载库，Fresco在功能和性能方面已经趋于完美了。VolleyGoogle官方出品，质量其实也只能算是马马虎虎了，事实上更愿意把它当成是一款网络库Fresco是Facebook发布的一款开源框架，号称是目前最强的Android图片加载库，在内存方面的表现极为优秀，既然有如此信心，对于Fresco的一些介绍，就不多说了，如果你感兴趣肯定会到网上找一些相关的资料，建议你到官网查看：http://frescolib.org/。当然了，国内的大神也对这个网站进行了翻译，如果你英语水平比较捉急，请到http://fresco-cn.org/来进行观摩，不过还是建议到官网，因为你不知道什么时候会有更新，第三方的文档会不及时。好了，话不多说，我相信酷爱安卓的你，和我一样，迫不及待。1）添加依赖库。目前git上的版本是0.11.0dependencies { 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'}引入后andriod studio会自动加载远程库，如果没有开vpn的话，可能时间稍微会长些。对于Eclipse的介绍的话这里就不多说了，比较麻烦，而且你会抛弃超级好用的亲儿子studio吗？2）然后如果你是多次用到Fresco，建议在 Application 初始化，如果只是写着玩，就在应用调用 setContentView() 之前，进行初始化：/** * Created by MaxPanda on 2016/9/11. */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); }}　　运行效果如下： 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" //边框颜色上面的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);