《React-Native系列》35、 RN在Android下支持gif的另一种方案
2023-09-27 14:29:03 时间
在前面的文章中,我们介绍过在RN中Android如果处理Gif格式的图片。
参考:http://blog.csdn.net/codetomylaw/article/details/52280828
我们是把图片切成n张,然后利用定时器去轮播图片。
这种方案存在的问题:
1、需要预加载n张图片,哪怕页面最后不使用gif,n张图片也会被加载到内存;
2、需要自己处理定时器逻辑;
有没有什么更好的方式呢?
好,我们今天再介绍另一种方式。
先说使用方法:
在build.gradle 中加入:
compile 'com.facebook.fresco:animated-gif:0.13.0'
然后就可以直接使用了,对,就这么简单。
<Image source={{uri:loadgif}} style={{width:20,height:20}}/>
Fresco是一个强大的图片加载组件,官方网址:http://www.fresco-cn.org/ 中文文档,很方便查阅。
特性
内存管理
解压后的图片,即Android中的Bitmap
,占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下,GC将会显著地引发界面卡顿。
在5.0以下系统,Fresco将图片放到一个特别的内存区域。当然,在图片不显示的时候,占用的内存会自动被释放。这会使得APP更加流畅,减少因图片内存占用而引发的OOM。
Fresco 在低端机器上表现一样出色,你再也不用因图片内存占用而思前想后。
图片加载
Fresco的Image Pipeline允许你用很多种方式来自定义图片加载过程,比如:
- 为同一个图片指定不同的远程路径,或者使用已经存在本地缓存中的图片
- 先显示一个低清晰度的图片,等高清图下载完之后再显示高清图
- 加载完成回调通知
- 对于本地图,如有EXIF缩略图,在大图加载完成之前,可先显示缩略图
- 缩放或者旋转图片
- 对已下载的图片再次处理
- 支持WebP解码,即使在早先对WebP支持不完善的Android系统上也能正常使用!
图片绘制
Fresco 的 Drawees 设计,带来一些有用的特性:
- 自定义居中焦点
- 圆角图,当然圆圈也行
- 下载失败之后,点击重现下载
- 自定义占位图,自定义overlay, 或者进度条
- 指定用户按压时的overlay
相关文章
- Android Api Component---翻译任务和回退栈(Tasks and Back Stack)
- React-Native 之 GD (十)Android启动页面 及 模态方式跳转
- 在windows下搭建React Native Android开发环境
- 【Android面试】史上最全的Android技术面试360问,全文高能
- Android学习笔记进阶21之设置壁纸
- Android WebView常见问题及解决方案汇总
- Android学习小Demo一个显示行线的自定义EditText
- android 开发 实现自动安装
- android 开发不能创建目录
- Android手机修改Hosts的方法
- 【AGC】通过AGC认证服务在Android平台实现匿名登录功能
- React Native Android入门实战及深入源代码分析系列(2)——React Native源代码编译
- Android Studio 基础 之 获取 Wifi 的状态,设置 Wifi 的开关状态,并监听 Wifi 的状态变化方法整理
- Android Studio 基础 之 模拟 Home / 音量 + - 加减键按下(扩展到模拟常用的各个物理按键)的操作
- Facebook:React向Windows、Tizen、iOS和Android开放