androiddrawable转bitmap_Android图片加载框架Fresco的使用

Fresco这个框架和Glide&＃xff0c;Picasso一样都比较流行&＃xff0c;在性能上和使用上都比较完善&＃xff0c;所以本篇将分享一下此框架的点点滴滴&＃xff0c;希望大家喜欢。

Fresco是Facebook提供的开源图片加载库&＃xff0c;它能够从网络&＃xff0c;本地存储和Android资源文件中加载图片&＃xff0c;且具有三级缓存设计(2级内存&＃xff0c;1级文件)&＃xff0c;我们并不需要再去关心图片的加载和显示这些繁琐的事情&＃xff0c;这是他的官网所描述的&＃xff1a;

https://www.fresco-cn.org/

要想使用它我们可以可以循序渐进&＃xff0c;先看下他的Github:

https://github.com/facebook/fresco

你想使用它的话&＃xff0c;可以在 app/build.gradle 中添加如下依赖&＃xff1a;

implementation &＃39;com.facebook.fresco:fresco:1.13.0&＃39;

当然&＃xff0c;这是最基础的&＃xff0c;如果你还想额外支持Gif或者WebP的话是需要配置如下&＃xff1a;

// 支持 GIF 动图&＃xff0c;需要添加

implementation &＃39;com.facebook.fresco:animated-gif:1.13.0&＃39;

// 支持 WebP (静态图&＃43;动图)&＃xff0c;需要添加

implementation &＃39;com.facebook.fresco:animated-webp:1.13.0&＃39;

implementation &＃39;com.facebook.fresco:webpsupport:1.13.0&＃39;

// 仅支持 WebP 静态图&＃xff0c;需要添加

implementation &＃39;com.facebook.fresco:webpsupport:1.13.0&＃39;

一.加载图片

我们如果想使用Fresco的话&＃xff0c;首先就是初始化了&＃xff0c;在我们的Application中的onCreate里初始化&＃xff1a;Fresco.initialize(this);

然后添加一下网络权限&＃xff0c;就可以在xml中使用SimpleDraweeView类来加载

加载图片的方式很简单&＃xff1a;

mSimpleDraweeView &＃61; (SimpleDraweeView) findViewById(R.id.mSimpleDraweeView);

mSimpleDraweeView.setImageURI(Uri.parse(IMG_URL));

可以看到&＃xff0c;只需要setImageURI即可完成显示效果&＃xff0c;如图&＃xff1a;

这里要注意的是&＃xff0c;SimpleDraweeView的高宽不能设置为wrap_content&＃xff0c;因为Fresco加载的图片&＃xff0c;下载的图片&＃xff0c;缓存的图片可能尺寸并不相同&＃xff0c;所以View可能会重新测量&＃xff0c;导致无法显示的问题&＃xff0c;如下代码&＃xff1a;

这只是最基本的加载方式&＃xff0c;剩下的工作Fresco会帮你完成&＃xff1a;

• 显示占位图直到加载完成&＃xff1b;
• 下载图片&＃xff1b;
• 缓存图片&＃xff1b;
• 图片不再显示时&＃xff0c;从内存中移除&＃xff1b;

二.Fresco概念

我们只需要设置一下Url就可以完成显示工作&＃xff0c;那么&＃xff0c;这其中都是由谁来完成什么工作的呢&＃xff1f;这个概念大家可以了解一下。

DraweeView

继承于View, 负责图片的显示。

一般情况下&＃xff0c;使用 SimpleDraweeView 即可。 你可以在 XML 或者在 Java 代码中使用它&＃xff0c;通过 setImageUri给它设置一个 URI 来使用

DraweeHierarchy

DraweeHierarchy 用于组织和维护最终绘制和呈现的Drawable对象

DraweeController

DraweeController 负责和 image loader 交互( Fresco 中默认为 image pipeline, 当然你也可以指定别的)&＃xff0c;可以创建一个这个类的实例&＃xff0c;来实现对所要显示的图片做更多的控制。

如果你还需要对Uri加载到的图片做一些额外的处理&＃xff0c;那么你会需要这个类的。

DraweeControllerBuilder

DraweeControllers 由 DraweeControllerBuilder 采用 Builder 模式创建&＃xff0c;创建之后&＃xff0c;不可修改

Listeners

使用 ControllerListener 的一个场景就是设置一个 Listener监听图片的下载。

所以在我们的认知中&＃xff0c;Fresco 的 Image Pipeline 负责图片的获取和管理。图片可以来自远程服务器&＃xff0c;本地文件&＃xff0c;或者Content Provider&＃xff0c;本地资源。压缩后的文件缓存在本地存储中&＃xff0c;Bitmap数据缓存在内存中。

在5.0系统以下&＃xff0c;Image Pipeline 使用 pinned purgeables 将Bitmap数据避开Java堆内存&＃xff0c;存在ashmem中。这要求图片不使用时&＃xff0c;要显式地释放内存。

SimpleDraweeView自动处理了这个释放过程&＃xff0c;所以没有特殊情况&＃xff0c;尽量使用SimpleDraweeView&＃xff0c;在特殊的场合&＃xff0c;如果有需要&＃xff0c;也可以直接控制Image Pipeline。

Fresco支持的Uri格式很多&＃xff0c;基本上大部分的都是支持的&＃xff0c;可以查阅此链接查看&＃xff1a;

https://www.fresco-cn.org/docs/supported-uris.html

三.在XML中使用Drawees

图片加载的可定制性非常的高&＃xff0c;我们来看下官方的示例:

//淡入淡出的动画持续时间

fresco:fadeDuration&＃61;"300"

//图像的缩放类型

fresco:actualImageScaleType&＃61;"focusCrop"

//占位符

fresco:placeholderImage&＃61;"&＃64;color/wait_color"

//占位符的缩放类型

fresco:placeholderImageScaleType&＃61;"fitCenter"

//失败图片

fresco:failureImage&＃61;"&＃64;drawable/error"

//失败图的缩放类型

fresco:failureImageScaleType&＃61;"centerInside"

//重试图

fresco:retryImage&＃61;"&＃64;drawable/retrying"

//重试图的缩放类型

fresco:retryImageScaleType&＃61;"centerCrop"

//进度图

fresco:progressBarImage&＃61;"&＃64;drawable/progress_bar"

//进度图的缩放类型

fresco:progressBarImageScaleType&＃61;"centerInside"

//进度图自动选择的间隔时间

fresco:progressBarAutoRotateInterval&＃61;"1000"

//背景图

fresco:backgroundImage&＃61;"&＃64;color/blue"

//叠加图

fresco:overlayImage&＃61;"&＃64;drawable/watermark"

//按压状态下显示的叠加图

fresco:pressedStateOverlayImage&＃61;"&＃64;color/red"

//圆形加载

fresco:roundAsCircle&＃61;"false"

//圆角半径

fresco:roundedCornerRadius&＃61;"1dp"

//左上角是否圆角

fresco:roundTopLeft&＃61;"true"

//右上角是否圆角

fresco:roundTopRight&＃61;"false"

//左下角是否圆角

fresco:roundBottomLeft&＃61;"false"

//右下角是否圆角

fresco:roundBottomRight&＃61;"true"

//圆形或者圆角底部叠加的颜色

fresco:roundWithOverlayColor&＃61;"&＃64;color/corner_color"

//圆形边框宽度

fresco:roundingBorderWidth&＃61;"2dp"

//圆形边框颜色

fresco:roundingBorderColor&＃61;"&＃64;color/border_color"

//宽高比

fresco:viewAspectRatio &＃61; "1.33f"

四.在Java中使用Drawees

在xml中只需要配置一下即可&＃xff0c;如果在代码中&＃xff0c;那么我们如何使用&＃xff1f;实际上使用到的还是我们之前在概念中提到的DraweeControllerBuilder&＃xff0c;来看下如下代码&＃xff1a;

在这段代码中我通过new一个GenericDraweeHierarchyBuilder后setRoundingParams方法&＃xff0c;来调用参数类&＃xff0c;最终设置给SimpleDraweeView&＃xff0c;就得到了一个圆角的图片&＃xff1a;

当然&＃xff0c;不止这一种用法&＃xff0c; 在xml中所用到的属性都是可以在java中实现的&＃xff0c;这里就不一一赘述了&＃xff0c;有兴趣的可以自己去看看使用方式。

如果想使用进度条来显示加载进度&＃xff0c;可以通过

builder.setProgressBarImage(new ProgressBarDrawable());

的方式添加&＃xff0c;当然&＃xff0c;一般我们会自己去定义进度的加载

五.Gif的支持

Gif的支持需要增加依赖&＃xff1a;

// 支持 GIF 动图&＃xff0c;需要添加

implementation &＃39;com.facebook.fresco:animated-gif:1.13.0&＃39;

代码比较简单

加载Gif并且设置为自动播放即可。

Fresco很强大&＃xff0c;可定义包括支持的东西很多&＃xff0c;这里就不一一介绍&＃xff0c;你使用的话直接按照流程来即可&＃xff0c; 相关功能可查阅&＃xff1a;

https://www.fresco-cn.org/docs/using-drawees-xml.html

至此&＃xff0c;我们本篇到这里就结束了。

有兴趣可以加入我的星球&＃xff1a;Hi Android , 里面可都是我手撸的新鲜文章&＃xff0c;高质量你值得拥有&＃xff01;

进入星球你可以做什么&＃xff1f;

1.我的所有视频可以观看

2.发布提问贴可以得到满意的答案

3.可指定我写你感兴趣的技术文章

4.初学者可配套视频辅导

5.有机会线下交流聚会

也可以加入交流群&＃xff1a;417046685