写点什么

Android:帧动画和补间动画看这篇就足够了!

用户头像
Android架构
关注
发布于: 1 小时前

if(animationDrawable.isRunning()){animationDrawable.stop();}


在此补充下,bear_anim 同样可以设置给 src 属性,然后调用 getDrawble().start() 来播放动画,不过不推荐,具体原因自行查找下 srcbackground 属性的区别。自然我们也可以用纯代码的方式实现,不过在此真的不推荐,显然 xml 的方式更省力,并且维护起来更方便。

补间动画

tween 动画也叫作补间动画,它可以在一定的时间内使 View 完成四种基本的动画,即平移、缩放、透明度、旋转,也可以将它们组合到一起播放出来。这里先提一下未来会研究的 属性动画,值得注意的是, 无论是帧动画还是补间动画,都是把动画效果作用到 View 上,如果一个不是 View 的元素想实现动画,那这两种就无能为力了,只能请 属性动画 帮忙了。


并且补间动画仅仅是给 View 增加了动画的“假象”,比如一个按钮从左侧跑到了右侧,你在右侧是无法点击它的,但是这不代表 补间动画就没有用武之地了,当你需要的动画效果无外乎上面那四种动画,并且仅仅是展示的时候,补间动画就再合适不过了。


同样,补间动画的实现依然可以有两种方式,xml 定义或者是纯代码的方式,这里依然是建议使用 xml 的方式。


#####AlphaAnimation 透明度


在 res 文件夹下新建文件夹 anim ,新建文件 alpha_anim:


<alpha xmlns:android="http://schemas.android.com/apk/res/android"android:duration="200"android:fillAfter="true"android:fromAlpha="0"android:interpolator="@android:anim/linear_interpolator"android:repeatCount="-1"android:repeatMode="reverse"android:shareInterpolator="false"android:toAlpha="1">


</alpha>


alpha 是透明度动画,分别介绍一下属性,共用属性下文不再重复介绍。


duration表示这一次动画持续的时间fillAfter表示动画结束时,是否保持最后一帧的样子fillBefore表示动画结束时,是否保持第一帧的样子repeatCount表示动画循环的次数,默认为 0 次不循环,-1 为无限循环。repeatMode表示是循环的模式,reverse 是从一次动画结束开始,restart 是从动画的开始处循环interpolator是一个插值器资源,它可以控制动画的播放速度shareInterpolator表示是否与 set 中其他动画共享插值器,false 为各自使用各自的插值器


上面共有的属性讲完了,下面来说 AlphaAnimation 特有的属性fromAlpha表示动画开始时的透明度toAlpha 表示动画结束时候的透明度取值为[0.0,1.0],0 代表完全透明,1 代表不透明。


代码中借助 AnimationUtils 类来加载调用


Animation alpha = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);ivFrame.startAnimation(alpha);


以下的三种动画调用同理。


#####RotateAnimation 旋转动画


新建 xml 文件,rotate_anim


<rotate xmlns:android="http://schemas.android.com/apk/res/android"android:duration="200"android:fromDegrees="0"android:pivotX="50%"android:pivotY="50%"android:toDegrees="360">


</rotate>


fromDegrees 起始角度 单位度 浮点值toDegrees 结尾角度 单位度 浮点值pivotX旋转中心点的 X 坐标,这个数值有三种表达方式pivotY旋转中心丶的 Y 坐标,这个数值也有三种表达方式


  • 纯数字 例如 20 ,代表相对于自身左边缘或顶边缘 + 20 像素

  • num% 代表 相对于自身左边缘或顶边缘 + 自身宽 的百分之 num

  • num%p 代表相对于自身左边缘或顶边缘 + 父容器 的百分之 num


#####ScaleAnimation 缩放动画


<scale xmlns:android="http://schemas.android.com/apk/res/android"android:duration="2000"android:fromXScale="0.5"android:fromYScale="0.5"android:pivotX="50%"android:pivotY="50%"android:toXScale="2.0"android:toYScale="2.0">


</scale>


fromXScalefromYScale代表缩放时,X/Y 坐标起始大小,浮点值,0.5 代表自身的一半,2.0 代表自身的两倍大小。toXScaletoYScale代表缩放时,X/Y 缩放结束时候大小。pivotXpivotY缩放的中心坐标,单位与上面 RotateAnimation 介绍的同理


#####TranslateAnimation 平移动画


新建 xml 文件 translate_anim


<translate xmlns:android="http://schemas.android.com/apk/res/android"android:duration="200"android:fromXDelta="0"android:fromYDelta="0"android:toXDelta="100%"android:toYDelta="100%">


</translate>


fromXDeltafromYDelta起始时,X/Y 方向的位置toXDeltatoYDelta终止时,X/Y 方向的位置


这四个属性都支持同样的单位,依然是三种表达方式,浮点数、num% 和 num%p


  • 浮点数 位置为 View 的左边距/上边距 + 此数值 正数为右,负数为左

  • num% 位置为 View 的左边距/上边距 + View 宽的百分之 num 正数为右,负数为左

  • num%p 位置为 View 的左边距/上边距 + 父容器的百分之 num 正数为右,负数为左


如果想将几个动画组合起来使用,可以选择跟布局节点为 set


<set xmlns:android="http://schemas.android.com/apk/res/android"android:duration="200">


<translateandroid:fromXDelta="0"android:fromYDelta="0"android:toXDelta="100%"android:toYDelta="100%"></translate>


<rotateandroid:fromDegrees="0"android:pivotX="50%"android:pivotY="50%"android:toDegrees="360"></rotate>


</set>


代码中组合动画的实现方式:


Animation alpha = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);Animation translate = AnimationUtils.loadAnimation(this, R.anim.translate_anim);AnimationSet set = new AnimationSet(false);set.addAnimation(alpha);set.addAnimation(translate);ivFrame.startAnimation(set);


到这里四种补间动画终于算是介绍完成了


《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开:qq.cn.hn/FTe 免费领取
复制代码


,下面在带来一点技巧


alpha.setAnimationListener(new Animation.AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {


}


@Overridepublic void onAnimationEnd(Animation animation) {


}


@Overridepublic void onAnimationRepeat(Animation animation) {


}});


给动画设置一个侦听,在一些回调中做你的操作。


经过朋友的提醒,事实上 onAnimationEnd 并不可靠,有时候动画结束时候并不会调用,详情请看 SO 上的一个提问:


http://stackoverflow.com/questions/5474923/onanimationend-is-not-getting-called-onanimationstart-works-fine


停止一个补间动画的正确姿势:


public void stopAnimation(View v) {v.clearAnimation();if (canCancelAnimation()) {v.animate().cancel();}animation.setAnimationListener(null);v.setAnimation(null);}


/**


  • Returns true if the API level supports canceling existing animations via the

  • ViewPropertyAnimator, and false if it does not

  • @return true if the API level supports canceling existing animations via the

  • ViewPropertyAnimator, and false if it does not*/public static boolean canCancelAnimation() {return Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH;}


问题详情看这里:


http://stackoverflow.com/questions/4112599/how-to-stop-an-animation-cancel-does-not-work


啊哈,终于完成本文了,希望大家遇到动画的需求不要怂,拿起键盘开写就对了,未来会给大家带来属性动画的教程。

最后

如果你觉得文章写得不错就给个赞呗?如果你觉得那里值得改进的,请给我留言。一定会认真查询,修正不足。谢谢。


希望读到这的您能转发分享和关注一下我,以后还会更新技术干货,谢谢您的支持!


转发+点赞+关注,第一时间获取最新知识点


Android 架构师之路很漫长,一起共勉吧!



以下墙裂推荐阅读!!!

用户头像

Android架构

关注

还未添加个人签名 2021.10.31 加入

还未添加个人简介

评论

发布
暂无评论
Android:帧动画和补间动画看这篇就足够了!