Android动画之帧动画
在Android开发时,为了实现一些动态的炫酷的效果,我们常用到帧动画,View动画(补间动画)和属性动画,今天就来总结下我在使用帧动画的实现方式。
1、什么是帧动画?
帧动画就是顺序播放一组预先定义好的图片,就类似于我们观看视频,就是一张一张的图片连续播放。当播放速度达到一定速度后,就会在视觉上看起来像视频播放一样。
“人眼舒适放松时可视帧数是每秒24帧,集中精神时不超过30帧,眨眼时睁开眼瞬间可以捕捉到的帧数是30帧以上,为了性能优化,一般稍大于30帧就差不多了,当然,现在的手机,一般为60帧,又些可以开到120帧,每秒刷新120次,在界面切换和浏览各种界面时会流畅很多,当然带来的就是消耗更多的资源。
2、实现大致步骤
- 在res/drawable目录下定义一个XML文件,根节点为系统提供的animation-list,然后放入定义更好的图片,对每一个图片设置属性;
- 使用AnimationDrawable类播放第一步定义好的Drawable中的图片,形成动画效果;
3、关键属性配置
- 在xml中,首先是根结点的 android:oneshot="true",这个属性是代表动画执行多少次,例如,在进入App的入场动画,可设置成只播放一次,例如一些场景星空动画,他要星星一直闪烁,就可以设置成false,他会一直播放。2.在每个item中,
<itemandroid:drawable="@drawable/welcome_00000"android:duration="49" /> drawable代表设置的资源,duration代表展示的时间
4、优缺点
优点:是真的简单啊!
缺点:
- 系统会把每一帧图片读取到内存中
- 当图片很多且每张都很大的情况下,容易出现卡顿,甚至 OOM
5、优化点
帧动画其实在App中并不是很友好,因为大量的图片资源来的性能上的影响资源占用过大(例如在界面加载时加载资源过多,绘制压力变大),也会导致内存剧烈抖动,也会导致包体过大。那么可以从以下方式进行优化:
- 图片压缩和转码,一般UI给你的图片小则几十K,大则1,2M,这样肯定是不可取的,根本用不着这样大的图片,这时候就可以进行图片压缩和转码,网上很多压缩和转码的网页,可以把图片资源压缩转码后再拿到项目中引用。转码我推荐的是转成webp格式。(tips:1.webp是由谷歌推出的一种全新图片文件格式,与JPEG格式一样,Webp是一种有损压缩格式。2.webp文件格式和JPEG类似,也是通过牺牲图片质量来降低图片文件大小,但能在相同质量的情况下比JPEG文件尺寸小巧许多。目前的Chrome应用商店图片已全部转换为WebP格式。)压缩的话,这个网站很好用,TinyPNG – Compress WebP, PNG and JPEG images intelligently
- 延迟加载,在一些复杂的界面,在onCrete的时候,大量的VIew会进行绘制,如果你的App本来就性能堪忧,这时候再同时进行动画加载,那么是考虑使用Hanlder.postDelayed()方法延迟一两秒执行,这样会好很多,之前我们就出现过,界面卡顿的问题,延迟执行后好多了。
- 别把duration设的太低,小了就代表着刷新率贼高,让用户看着不卡顿就行了。
- 图片回收和复用:BitmapFactory 加载图片通过 Options 配置参数优化
inPreferredConfig
设置颜色模式,不带透明度的 RGB_565 内存只有默认的 ARGB_8888 的一半inSampleSize
根据显示控件的大小对图像采样,返回较小的图像以节省内存inMutable
设置解码得到的 bitmap 可变inBitmap
复用前一帧图片,避免内存抖动- 对于单次播放的帧动画,每一帧图片使用之后及时复用或者回收是合理的
- 使用SoftReference(软引用)如果内存空间足够,垃圾回收器就不会回收它,如果内存空间不足,就会回收这些对象的内存(系统自动帮你回收,不用操心多好)
6.代码实现
xml动画资源文件:anim_login_start_loading.xml
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"android:oneshot="true"><itemandroid:drawable="@drawable/welcome_00000"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00001"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00002"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00003"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00004"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00005"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00006"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00007"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00008"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00009"android:duration="49" /><itemandroid:drawable="@drawable/welcome_00010"android:duration="49" />
</animation-list>
代码进行实现:很简单,img是一个imageView,作为动画的容器,记得在src配置动画的第一张图片哦~,实现很简单,就是使用的AnimationDrawable实现的,当然也不一定是用ImageView作为容器哈。
img.setImageResource(ContextCompat.getDrawable(this,R.drawable.anim_login_start_loading))val anim = img.drawable as AnimationDrawableanim.start()
7、实现效果:
Android动画之帧动画相关推荐
- Android动画之帧动画和补间动画
Android系统提供三种动画:帧动画.补间动画和属性动画.这里先分析总结帧动画和补间动画. FrameAnimation 帧动画,通俗来说就是按照图片动作顺序依次播放来形成动画,创建帧动画可以用 x ...
- Android动画(一)-视图动画与帧动画
项目中好久没用过动画了,所以关于动画的知识都忘光了.知识总是不用则忘.正好最近的版本要添加比较炫酷的动画效果,所以也借着这个机会,写博客来整理和总结关于动画的一些知识.也方便自己今后的查阅. Andr ...
- Android动画(帧动画、补间动画、属性动画)讲解
Android动画(帧动画.补间动画.属性动画)讲解 首先我们来看看啥是帧动画.补间动画.属性动画. 介绍: 帧动画:是一种常见的动画形式(Frame By Frame),其原理是在"连续的 ...
- android 张口逐帧动画,Android中实现一个简单的逐帧动画(附代码下载)
场景 Android中的逐帧动画,就是由连续的一张张照片组成的动画. 效果 注: 实现 首先准备一组不同表情的照片,放在res/drawable下,然后在此目录下新建动画资源文件fairy.xml 这 ...
- android动画之帧动画(drawable animation)和补间动画(view animation)
帧动画 drawable animation使用比较简单,而且支持市场上所以API版本,下面简单贴下代码.帧动画,就像GIF图片,通过一系列Drawable依次显示来模拟动画的效果. 直接代码贴上 x ...
- Android动画——逐帧动画
1.概述 Android 平台有一套完整的动画框架,在Android3.0之前有两种动画,一种方式是补间动画 Tween Animation.另一种叫逐帧动画 Frame Animation(也称Dr ...
- Android动画学习记录一(Android动画种类、补间动画和帧动画)
Android动画学习记录一(动画种类.补间动画和帧动画) 动画种类.补间动画和帧动画 Android动画学习记录一(动画种类.补间动画和帧动画) 一.动画种类 二.View动画 2.1 补间动画 补 ...
- 属性动画、帧动画、补间动画的介绍使用及对比
属性动画.帧动画.补间动画的介绍使用及对比 版权声明:转载必须注明本文转自南轩的博客: http://blog.csdn.net/nanxuan521 在android开发中经常会碰到一些动画需求,其 ...
- canvas 擦除动画_帧动画的多种实现方式与性能对比
作者: 前端向朔 from 迅雷前端 本文目录 Web 动画形式 应用场景 素材准备 实现方案 一.GIF 图 二.CSS3 帧动画 三.JS 帧动画 方案总结 注意事项 总结 Web 动画形式 首先 ...
最新文章
- Windows下基于python3使用word2vec训练中文维基百科语料(一)
- 搜索引擎提交软件_增加SEO超级外链须知的高权重网站目录提交方法
- 自己开发的一款基于PagedDataSource的datalist repeater控件,只需要在源程序中添加三行代码,即可实现通用分页
- (4)ZYNQ AXI4总线协议介绍
- Qtum量子链入驻慢雾区,漏洞赏金计划单项最高奖励达1万美金!
- 产品经理如何搭建自己的知识地图?
- Java垃圾回收机制(GC)
- 120个绝对经典的电脑技巧
- 工具:Spy++ —— 窗口、消息查看分析利器
- 可以额外获得大量福卡的绝招
- 哪有什么太迟,世界多的是大器晚成
- python学习笔记 BeautifulSoup趴数据
- nyoj-741-“数学家“ST
- Word换页不用频繁敲回车
- Python编写的命令行版微信。(已集成自动聊天机器人(通过网址api形式))
- 论文的关键词应该如何选取?
- 4.一脚踹进ViT——ViT再审视与DeiT的实现
- 如何用 Python 找出某月的第一天
- VS2019配置libigl(吐血整理)
- CentOS安装配置DNSMasq
热门文章
- 证明:1/n调和级数为何是发散的
- ARM要一统天下?华为已掘了它的后路
- 解决印象笔记无法同步的问题
- JavaScript的基础语句整理
- 微信小程序按钮添加背景
- C语言基础知识:*p++与*++p;(*p)++ 与 ++(*p)的理解
- a-tabs defaultActiveKey默认值无效
- PowerGraph:Distributed Graph-Parellel Computation on Natural Graph
- java控制语句_java基础之 控制语句
- 微信小程序自适应深色主题DarkMode源码