Fresco强大的图片加载器

Fresco这个图片加载器是继picasso之后我见过的最强大的图片加载器,下面我们一起来看看这神奇的宝贝。(这个是他的官网:http://www.fresco-cn.org/);

Fresco 主要分为几个模块:

Image Pipeline它负责从网络,从本地文件系统,本地资源加载图片。为了最大限度节省空间和CPU时间,它含有3级缓存设计(2级内存,1级磁盘)。

 Drawees :它会在图片加载完成前显示占位图,加载成功后自动替换为目标图片。当图片不再显示在屏幕上时,它会及时地释放内存和空间占用。

Fresco 的几个特性:

内存管理

解压后的图片,即Android中的Bitmap,占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下,GC将会显著地引发界面卡顿。在5.0以下系统,Fresco将图片放到一个特别的内存区域。当然,在图片不显示的时候,占用的内存会自动被释放。这会使得APP更加流畅,减少因图片内存占用而引发的OOM。Fresco 在低端机器上表现一样出色,你再也不用因图片内存占用而思前想后。

图片加载

 

Fresco的Image Pipeline允许你用很多种方式来自定义图片加载过程,比如:

  • 为同一个图片指定不同的远程路径,或者使用已经存在本地缓存中的图片
  • 先显示一个低清晰度的图片,等高清图下载完之后再显示高清图
  • 加载完成回调通知
  • 对于本地图,如有EXIF缩略图,在大图加载完成之前,可先显示缩略图
  • 缩放或者旋转图片
  • 对已下载的图片再次处理
  • 支持WebP解码,即使在早先对WebP支持不完善的Android系统上也能正常使用!

图片的绘制:

 

Fresco 的 Drawees 设计,带来一些有用的特性:

  • 自定义居中焦点
  • 圆角图,当然圆圈也行
  • 下载失败之后,点击重现下载
  • 自定义占位图,自定义overlay, 或者进度条
  • 指定用户按压时的overlay

图片的渐进式呈现:

 

渐进式的JPEG图片格式已经流行数年了,渐进式图片格式先呈现大致的图片轮廓,然后随着图片下载的继续,呈现逐渐清晰的图片,这对于移动设备,尤其是慢网络有极大的利好,可带来更好的用户体验。Android 本身的图片库不支持此格式,但是Fresco支持。使用时,和往常一样,仅仅需要提供一个图片的URI即可,剩下的事情,Fresco会处理。

动图加载:

加载Gif图和WebP动图在任何一个Android开发者眼里看来都是一件非常头疼的事情。每一帧都是一张很大的Bitmap,每一个动画都有很多帧。Fresco让你没有这些烦恼,它处理好每一帧并管理好你的内存。

综上所述,是不是觉得它很强大呢,

我自己看着文档做了一下显示圆形的图片,

首先我们根据官网的提示进行到库:

 

 

然后把库中的lib下得support-v4下的换成自己包的support-v4,这样就不会报错了,

根据官网的提示,我们需要在application中初始化Fresco类,因为这个类只需调用一次,所以在application中做这个事最好不过了,

然后记得在清单文件配置下他,

好了,现在基本的配置已经完成了,

现在我们在xml中编写布局

 

<!-- 圆形的图片-->
    <com.facebook.drawee.view.SimpleDraweeView
        fresco:roundBottomLeft="false"
        fresco:roundBottomRight="false"
        fresco:roundWithOverlayColor="@color/gray"
        fresco:roundedCornerRadius="5dp"
        android:layout_width="200dp"
        android:layout_height="100dp"
         fresco:placeholderImage="@drawable/ic_launcher"
        android:id="@+id/my_image_view"
        fresco:roundingBorderColor="@color/red_fontcolor"
        fresco:roundingBorderWidth="1dp" />

在java代码块中进行操作:

 

 

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		Uri uri = Uri
				.parse("https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png");
		SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view);
		draweeView.setImageURI(uri);
		RoundingParams roundingParams = RoundingParams.fromCornersRadius(5f);
		roundingParams.setBorder(R.color.red_fontcolor,  1.0f);
		roundingParams.setRoundAsCircle(true);
		draweeView.getHierarchy().setRoundingParams(roundingParams);

	}

}


好了,基本的流程走完了,大家也看到了程序已经正常的运行并显示出来了:

 

是不是很强大,对于圆形图片,在很多的地方有用到,在没他之前我一直用这位大神写的(https://github.com/hdodenhof)的圆形图片的绘制。我是ArryLuo,请大家多多关照。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值