Android补间动画之ScaleAnimation、AlphaAnimation、RotateAnimation、TranslateAnimation、AnimationSet详解
首发:http://blog.csdn.net/harvic880925/article/details/40117115
一、概述
前两篇,我为大家讲述了利用XML来定义动画及插值器,但在代码中,我们常常是动态生成动画的,所以,这篇将为大家讲述如何用代码生成动态生成动画及插值器。
先简单写出各个标签对应的类,方便大家理解:
- scale —— ScaleAnimation
- alpha —— AlphaAnimation
- rotate —— RotateAnimation
- translate —— TranslateAnimation
- set —— AnimationSet
二、Animation公共类
官方SDK讲解页面为:《Animation》
第一篇中我们提到过,Animation类是所有动画(scale、alpha、translate、rotate)的基类,它所具有的标签及对应函数为:
- android:duration setDuration(long) 动画持续时间,以毫秒为单位
- android:fillAfter setFillAfter(boolean) 如果设置为true,控件动画结束时,将保持动画最后时的状态
- android:fillBefore setFillBefore(boolean) 如果设置为true,控件动画结束时,还原到开始动画前的状态
- android:fillEnabled setFillEnabled(boolean) 与android:fillBefore 效果相同,都是在动画结束时,将控件还原到初始化状态
- android:repeatCount setRepeatCount(int) 重复次数
- android:repeatMode setRepeatMode(int) 重复类型,有reverse和restart两个值,取值为RESTART或 REVERSE,必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型,即回放时的动作。
- android:interpolator setInterpolator(Interpolator) 设定插值器,其实就是指定的动作效果,比如弹跳效果等
在第一篇《 Animation 动画详解(一)——alpha、scale、translate、rotate、set的xml属性及用法》 我们已经讲解了每个标签具体所具有的功能,这里就不再细讲,对于使用方法会在下面的各标签中使用。
三、ScaleAnimation
这是scale标签对应的类,官方SDK页面为:《ScaleAnimation》
在Scale标签中,我们提到过它的自有属性有下面几条,先列一下:
- android:fromXScale 起始的X方向上相对自身的缩放比例,浮点值,比如1.0代表自身无变化,0.5代表起始时缩小一倍,2.0代表放大一倍;
- android:toXScale 结尾的X方向上相对自身的缩放比例,浮点值;
- android:fromYScale 起始的Y方向上相对自身的缩放比例,浮点值,
- android:toYScale 结尾的Y方向上相对自身的缩放比例,浮点值;
- android:pivotX 缩放起点X轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p,当为数值时,表示在当前View的左上角,即原点处加上50px,做为起始缩放点;如果是50%,表示在当前控件的左上角加上自己宽度的50%做为起始点;如果是50%p,那么就是表示在当前的左上角加上父控件宽度的50%做为起始点x轴坐标。(具体意义,后面会举例演示)
- android:pivotY 缩放起点Y轴坐标,取值及意义跟android:pivotX一样。
放到代码中,ScaleAnimation有下面几个构造函数:
- ScaleAnimation(Context context, AttributeSet attrs) 从XML文件加载动画,基本用不到
- ScaleAnimation(float fromX, float toX, float fromY, float toY)
- ScaleAnimation(float fromX, float toX, float fromY, float toY, float pivotX, float pivotY)
- ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
第一个构造函数是从本地XML文件加载动画,基本用不到的,我们主要看下面三个构造函数。
在标签属性android:pivotX中有三种取值,数,百分数,百分数p;体现在构造函数中,就是最后一个构造函数的pivotXType,它的取值有三个,Animation.ABSOLUTE、Animation.RELATIVE_TO_SELF和Animation.RELATIVE_TO_PARENT;
这三个构造函数难度不大,就不再细讲,举个例子说明:
在第一篇中Scale的例子的XML代码为:
- <?xml version="1.0" encoding="utf-8"?>
- <scale xmlns:android="http://schemas.android.com/apk/res/android"
- android:fromXScale="0.0"
- android:toXScale="1.4"
- android:fromYScale="0.0"
- android:toYScale="1.4"
- android:pivotX="50"
- android:pivotY="50"
- android:duration="700" />
对应的代码构造代码为:
- scaleAnim = new ScaleAnimation(0.0f,1.4f,0.0f,1.4f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
- scaleAnim.setDuration(700);
在控件使用的时候,同样是使用:
- tv.startAnimation(scaleAnim);
四、AlphaAnimation
这是alpha标签对就的类,官方SDK文档地址是: 《AlphaAnimation》
同样alpha标签自有的属性有:
- android:fromAlpha 动画开始的透明度,从0.0 --1.0 ,0.0表示全透明,1.0表示完全不透明
- android:toAlpha 动画结束时的透明度,也是从0.0 --1.0 ,0.0表示全透明,1.0表示完全不透明
所对应的构造函数为:
- AlphaAnimation(Context context, AttributeSet attrs) 同样,从本地XML加载动画,基本不用
- AlphaAnimation(float fromAlpha, float toAlpha)
这里只剩最后一个构造函数,难度不大,下面举个例子说明下用法。
在第一篇文章中,我们构造的XML代码为:
- <?xml version="1.0" encoding="utf-8"?>
- <alpha xmlns:android="http://schemas.android.com/apk/res/android"
- android:fromAlpha="1.0"
- android:toAlpha="0.1"
- android:duration="3000"
- android:fillBefore="true">
- </alpha>
如果用代码构造同样的效果,它所对应的代码为:
- alphaAnim = new AlphaAnimation(1.0f,0.1f);
- alphaAnim.setDuration(3000);
- alphaAnim.setFillBefore(true);
五、RotateAnimation
RotateAnimation类对应Rotate标签,SDK文档地址:《RotateAnimation》
Rotate标签所具有的XML属性有:
- android:fromDegrees 开始旋转的角度位置,正值代表顺时针方向度数,负值代码逆时针方向度数
- android:toDegrees 结束时旋转到的角度位置,正值代表顺时针方向度数,负值代码逆时针方向度数
- android:pivotX 缩放起点X轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p,具体意义已在scale标签中讲述,这里就不再重讲
- android:pivotY 缩放起点Y轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p
对应的构造函数有:
- RotateAnimation(Context context, AttributeSet attrs) 从本地XML文档加载动画,同样,基本不用
- RotateAnimation(float fromDegrees, float toDegrees)
- RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)
- RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
RotateAnimation跟ScaleAnimation差不多,关键问题同样是pivotXType和pivotYType的选择,同样有三个取值:Animation.ABSOLUTE、Animation.RELATIVE_TO_SELF和Animation.RELATIVE_TO_PARENT;
根据每一篇中的XML写出对应的JAVA构造代码:
XML为:
- <?xml version="1.0" encoding="utf-8"?>
- <rotate xmlns:android="http://schemas.android.com/apk/res/android"
- android:fromDegrees="0"
- android:toDegrees="-650"
- android:pivotX="50%"
- android:pivotY="50%"
- android:duration="3000"
- android:fillAfter="true">
- </rotate>
对应JAVA构造代码为:
- rotateAnim = new RotateAnimation(0, -650, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
- rotateAnim.setDuration(3000);
- rotateAnim.setFillAfter(true);
六、TranslateAnimation
很显示TranslateAnimation类对应translate标签,它的SDK官方文档地址为: 《TranslateAnimation》
translate标签所具有的属性为:
- android:fromXDelta 起始点X轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p,具体意义已在scale标签中讲述,这里就不再重讲
- android:fromYDelta 起始点Y轴从标,可以是数值、百分数、百分数p 三种样式;
- android:toXDelta 结束点X轴坐标
- android:toYDelta 结束点Y轴坐标
这些属性所对应的构造函数为:
- TranslateAnimation(Context context, AttributeSet attrs) 同样,基本不用
- TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
- TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)
由于fromXDelta、fromYDelta、toXDelta、toYDelta这三个属性都具有三种状态,所以在构造函数中,最理想的状态就是第三个构造函数,能够指定每个值的类型,第二个构造函数:TranslateAnimation (float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)使用是绝对数值。只有最后一个构造函数可以指定百分数和相对父控件的百分数。
下面以第一篇中的XML代码为例,用JAVA代码构造同样的效果:
XML代码:
- <?xml version="1.0" encoding="utf-8"?>
- <translate xmlns:android="http://schemas.android.com/apk/res/android"
- android:fromXDelta="0"
- android:toXDelta="-80"
- android:fromYDelta="0"
- android:toYDelta="-80"
- android:duration="2000"
- android:fillBefore="true">
- </translate>
对应的JAVA代码为:
- translateAnim = new TranslateAnimation(Animation.ABSOLUTE, 0, Animation.ABSOLUTE, -80,
- Animation.ABSOLUTE, 0, Animation.ABSOLUTE, -80);
- translateAnim.setDuration(2000);
- translateAnim.setFillBefore(true);
七:AnimationSet
AnimationSet类对应set标签,定义动作类的集合,对应的SDK文档地址为: 《AnimationSet》
它自己是没有XML属性的,所以我们直接说它的构造函数:
- AnimationSet(Context context, AttributeSet attrs) 同样,基本不用
- AnimationSet(boolean shareInterpolator) shareInterpolator取值true或false,取true时,指在AnimationSet中定义一个插值器(interpolater),它下面的所有动画共同。如果设为false,则表示它下面的动画自己定义各自的插值器。
增加动画的函数为:(更多函数,请参看SDK文档)
- public void addAnimation (Animation a)
下面在第一篇中的XML代码为例写出能构造同样效果的JAVA代码:
XML代码为:
- <?xml version="1.0" encoding="utf-8"?>
- <set xmlns:android="http://schemas.android.com/apk/res/android"
- android:duration="3000"
- android:fillAfter="true">
- <alpha
- android:fromAlpha="0.0"
- android:toAlpha="1.0"/>
- <scale
- android:fromXScale="0.0"
- android:toXScale="1.4"
- android:fromYScale="0.0"
- android:toYScale="1.4"
- android:pivotX="50%"
- android:pivotY="50%"/>
- <rotate
- android:fromDegrees="0"
- android:toDegrees="720"
- android:pivotX="50%"
- android:pivotY="50%"/>
- </set>
对应的JAVA代码为:
- alphaAnim = new AlphaAnimation(1.0f,0.1f);
- scaleAnim = new ScaleAnimation(0.0f,1.4f,0.0f,1.4f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
- rotateAnim = new RotateAnimation(0, 720, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
- setAnim=new AnimationSet(true);
- setAnim.addAnimation(alphaAnim);
- setAnim.addAnimation(scaleAnim);
- setAnim.addAnimation(rotateAnim);
- setAnim.setDuration(3000);
- setAnim.setFillAfter(true);
八、Interpolater插值器
关于插值器的效果及应用,我们专门开了一篇来讲,看这里: 《Animation动画详解(二)——Interpolator插值器》
关于插值器的SDK讲解见《Animation Resources》中的Interpolators部分;
插值器XML属性及对应的类如下表所示:
Interpolator class | Resource ID |
---|---|
AccelerateDecelerateInterpolator
|
@android:anim/accelerate_decelerate_interpolator
|
AccelerateInterpolator
|
@android:anim/accelerate_interpolator
|
AnticipateInterpolator
|
@android:anim/anticipate_interpolator
|
AnticipateOvershootInterpolator
|
@android:anim/anticipate_overshoot_interpolator
|
BounceInterpolator
|
@android:anim/bounce_interpolator
|
CycleInterpolator
|
@android:anim/cycle_interpolator
|
DecelerateInterpolator
|
@android:anim/decelerate_interpolator
|
LinearInterpolator
|
@android:anim/linear_interpolator
|
OvershootInterpolator
|
@android:anim/overshoot_interpolator
|
使用方法:(为sacleAnimation增加bounce插值器)
- ScaleAnimation interpolateScaleAnim=new ScaleAnimation(0.0f,1.4f,0.0f,1.4f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
- interpolateScaleAnim.setInterpolator(new BounceInterpolator());
- interpolateScaleAnim.setDuration(3000);
九、示例,源码
下面我把上面所有的代码集合到一个例子中,供大家下载;
效果图如下:
源码下载地址:http://download.csdn.net/detail/harvic880925/8047669
Android补间动画之ScaleAnimation、AlphaAnimation、RotateAnimation、TranslateAnimation、AnimationSet详解相关推荐
- Android平移补间动画,Android 补间动画之平移动画TranslateAnimation
Android动画系列 博客导航: 1.介绍: Android补间动画之平移动画,在实际的开发过程中,其实有好多地方需要用到平移动画,这是对于平移动画的简单介绍. 2.属性 duration 时间 f ...
- android image 位移动画_「translateanimation」Android 补间动画之平移动画TranslateAnimation - seo实验室...
translateanimation 博客导航: 1.介绍: Android补间动画之平移动画,在实际的开发过程中,其实有好多地方需要用到平移动画,这是对于平移动画的简单介绍. 2.属性 durati ...
- Android 补间动画(Tween Animation)
Tween Animation(补间动画): Tween动画,通过对View的内容进行一系列的图形变换 (包括平移.缩放.旋转.改变透明度)来实现动画效果.动画效果的定义可以采用XML来做也可以采用编 ...
- Android补间动画
概述 本篇博客基于<Android开发艺术探索>,将会介绍以下两种动画: 补间动画 帧动画 事实上帧动画也是补间动画的一种,但是它们的使用方式略有不同,所以将它们分开介绍. 一.补间动画 ...
- Android 补间动画
补间动画使用很简单,几行代码便能实现效果,上图上代码: xml很简单,不用说,先给每个按钮加上点击监听 findViewById(R.id.rotateBtn).setOnClickListener( ...
- android—补间动画(Tween Animation)旋转的血轮眼
Android系统提供了两种实现动画的方式,一种是补间动画(Tween Animation),另一种是帧动画(Frame Animation).补间动画可以实现View组件的移动.放大.缩小以及渐变等 ...
- 每日一道面试题(第7期)---Android补间动画与属性动画的区别
零零碎碎的东西总是记不长久,仅仅学习别人的文章也只是他人咀嚼后留下的残渣.无意中发现了这个每日一道面试题,想了想如果只是简单地去思考,那么不仅会收效甚微,甚至难一点的题目自己可能都懒得去想,坚持不下来 ...
- Android补间动画笔记
布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns: ...
- android 属性动画 补间动画,每日一道面试题(第7期)---Android补间动画与属性动画的区别...
零零碎碎的东西总是记不长久,仅仅学习别人的文章也只是他人咀嚼后留下的残渣.无意中发现了这个每日一道面试题,想了想如果只是简单地去思考,那么不仅会收效甚微,甚至难一点的题目自己可能都懒得去想,坚持不下来 ...
最新文章
- python Manager dict
- ASP.NET MVC的生命周期与网址路由
- 自定义ActiveX组件在设计阶段,切换属性页后出现异常
- 高德地图定位精度多少米_中美俄卫星定位精度分别是多少?美0.1米,俄10米,中国呢?...
- php获取跳转前的地址,PHP获取短链接跳转后的真实地址和响应头信息的方法
- html怎么定位到不同的页面,html页面定位到指定位置的4种实现方式
- Android Studio Xposed模块编写(二)
- ubuntu下手动安装php-amqp模块教程
- 淘宝店铺的装修是店铺的门面,如何进行淘宝店铺装修?需要注意的点有哪些?
- 单片机微型计算机原理及接口技术,单片机微型计算机原理及接口技术课后习题答案第4章.docx...
- Kingdom Rush 国王保卫战图文攻略
- JavaScript系列---for循环(打印星星)
- leetcode-腾讯精选50题-02
- 漫谈CRM体系化建设5 – CRM体系化解决方案
- 网络信息安全课程:对于匿名身份认证协议的学习
- openpyxl模块介绍 ——读取excel表格
- 计算机毕业设计Java宁夏中卫城市风采在线系统开发(源码+系统+mysql数据库+lw文档)
- C++学习(三三八)RSP文件
- 多线程win32com报错 2147352567, ‘发生意外。‘, (0, ‘Microsoft excel, ‘Office 检测到此 ...
- 电路仿真软件详谈(29),在单片机开发环境中引入proteus电路仿真软件