Android动画之帧动画

简介: 在Android开发时,为了实现一些动态的炫酷的效果,我们常用到帧动画,View动画(补间动画)和属性动画,今天就来总结下我在使用帧动画的实现方式。

在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中,

<item
    android: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">
    <item
        android:drawable="@drawable/welcome_00000"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00001"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00002"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00003"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00004"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00005"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00006"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00007"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00008"
        android:duration="49" />
    <item
        android:drawable="@drawable/welcome_00009"
        android:duration="49" />
    <item
        android: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 AnimationDrawable
        anim.start()

7、实现效果:

8cb2da3b21b43288209cbb2dc4e91bd.png

相关文章
|
3月前
|
存储 Shell Android开发
基于Android P,自定义Android开机动画的方法
本文详细介绍了基于Android P系统自定义开机动画的步骤,包括动画文件结构、脚本编写、ZIP打包方法以及如何将自定义动画集成到AOSP源码中。
78 2
基于Android P,自定义Android开机动画的方法
|
26天前
|
Android开发 UED
Android 中加载 Gif 动画
【10月更文挑战第20天】加载 Gif 动画是 Android 开发中的一项重要技能。通过使用第三方库或自定义实现,可以方便地在应用中展示生动的 Gif 动画。在实际应用中,需要根据具体情况进行合理选择和优化,以确保用户体验和性能的平衡。可以通过不断的实践和探索,进一步掌握在 Android 中加载 Gif 动画的技巧和方法,为开发高质量的 Android 应用提供支持。
|
6月前
|
Java Android开发 开发者
Android10 修改开发者选项中动画缩放默认值
Android10 修改开发者选项中动画缩放默认值
194 0
|
6月前
|
XML Java Android开发
android的三种动画
android的三种动画
38 0
|
4月前
|
XML Android开发 数据格式
Android 中如何设置activity的启动动画,让它像dialog一样从底部往上出来
在 Android 中实现 Activity 的对话框式过渡动画:从底部滑入与从顶部滑出。需定义两个 XML 动画文件 `activity_slide_in.xml` 和 `activity_slide_out.xml`,分别控制 Activity 的进入与退出动画。使用 `overridePendingTransition` 方法在启动 (`startActivity`) 或结束 (`finish`) Activity 时应用这些动画。为了使前 Activity 保持静止,可定义 `no_animation.xml` 并在启动新 Activity 时仅设置新 Activity 的进入动画。
106 12
|
4月前
|
XML Android开发 UED
Android动画之共享元素动画简单实践
本文介绍Android共享元素动画, 实现两Activity间平滑过渡特定UI元素。通过设置`transitionName`属性和使用`ActivityOptions.makeSceneTransitionAnimation`启动目标Activity实现动画效果。可自定义过渡动画提升体验。
66 0
|
5月前
|
Android开发 UED
Android Item平移动画
【6月更文挑战第18天】
109 8
|
4月前
|
Android开发
android 动画 插值器和估值器
android 动画 插值器和估值器
|
6月前
|
数据库 Android开发
Android数据库框架-GreenDao入门,2024年最新flutter 页面跳转动画
Android数据库框架-GreenDao入门,2024年最新flutter 页面跳转动画
Android数据库框架-GreenDao入门,2024年最新flutter 页面跳转动画
下一篇
无影云桌面