首页 博客列表 精选博客 每日焦点 关于我
android 补间动画
发布日期：2021-05-07 19:02:57 浏览次数：17 分类：原创文章

本文共 8651 字，大约阅读时间需要 28 分钟。

Android  简单的动画效果有Animtion 类提供 1.在XML中实现动画效果；2.在java代码中实现动画效果。

动画相关的属性

表一：SET属性
名称 属性 备注
android:shareInterpolator 是否共享插入器 共享时，四个子节点都用一个插入器
android:interpolator 指定一个动画的插入器 使用系统资源
android:fillEnabled
当设置为true时，fillAfter和fillBefroe将会都为true，此时会忽略fillBefore 和fillAfter两种属性
android:fillAfter 该动画转化是否在动画结束后被应用 boolean
android:fillBefore 该动画转化是否在动画开始前被应用 boolean
android:repeatMode 重复模式 "restart" =从头开始 或者 "reverse"=从末尾开始
android:repeatCount 重复次数 integer -1为无限循环
android:duration 动画持续时间 integer
android:startOffset 动画时间间隔（动画执行前停留时间） long
android:zAdjustment 定义动画z order的变换 [normal] or [top] or [bottom]
android:detachWallpaper 未知 boolean
     
     


这里详细解释下android:interpolator 动画插入器属性（动画速度效果的体现）。

1.@android:anim/accelerate_decelerate_interpolator：先加速后减速

2.@android:anim/accelerate_interpolator ：加速

3.@android:anim/decelerate_interpolator：减速

4.@android:anim/anticipate_interpolator：先往动画移动的反方向移动一点然后在沿着设定的动画移动  移动轨迹如下图。


5.anticipate_overshoot_interpolator：先往动画的反方向移动一点，然后沿着设定的方向移动到终点之后继续移动一点然后在回弹到最终设定的位置。如下图：


6.@android:anim/bounce_interpolator：动画移动到最后会有几次回弹的效果，最终停止在设定的位置。

7.@android:anim/cycle_interpolator：动画周期移动。

8.@android:anim/linear_interpolator：动画匀速移动。

9.@android:anim/overshoot_interpolator：动画到最后的位置会向反方向移动一点。



Interpolator对象 资源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 快速到达终点并超出一小步最后回到终点
关于修改动画插入器的属性  给个链接：


表二：alpha
名称 属性 备注
android:toAlpha 动画结束时的透明度 float [0,1]  0表示完全透明 1表示完全不透明
android:duration 动画持续时间 integer
android:fromAlpha 动画开始时的透明度 float [0,1]  0表示完全透明 1表示完全不透明
     



表三：SCALE
名称 属性 备注
android:fromXScale 动画开始时，X坐标上的伸缩尺寸 float，0.0表示收缩到没有、1.0表示正常无伸缩，小于1表示收缩，大于1表示放大
android:toXScale 动画结束时，X坐标上的伸缩尺寸 同上
android:fromYScale 动画开始时，Y坐标上的伸缩尺寸 同上
android:toYScale 动画结束时，Y坐标上的伸缩尺寸 同上
android:pivotX 动画相对于物件的X的开始位置 [0%,100%]，50%表示中间
android:pivotY 动画相对于物件的Y的开始位置 0%,100%]，50%表示中间
android:duration 同set 同set
     

表四：TRANSLATE
名称 属性 备注
android:fromXDelta 动画开始时，X坐标上的位置 integer  默认以自己为参照物
android:toXDelta 动画结束时，X坐标上的位置 integer  默认以自己为参照物
android:fromYDelta 动画开始时，Y坐标上的位置 integer  默认以自己为参照物
android:toYDelta 动画结束时，Y坐标上的位置 integer  默认以自己为参照物
     


表五：ROTATE
名称 属性 备注
android:fromDegrees 动画开始时，物件的角度 负数：逆时针旋转，正数：顺时针旋转
android:toDegrees 动画结束时，物件的角度（可大于360度） 同上
android:pivotX 动画相对于物件的X的开始位置 [0%,100%]，50%表示中间
android:pivotY 动画相对于物件的Y的开始位置 [0%,100%]，50%表示中间
   


一..XML 实现 alpha ：

[java]   
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"   
  3.    >  
  4.       
  5.     <alpha  
  6.         android:duration="2000"  
  7.         android:fromAlpha="0"  
  8.         android:repeatCount="3"//动画重复的次数  
  9.         android:repeatMode="reverse"//动画重复的模式  reverse：倒序，即从最后一帧播放动画；  restart：顺序，即从头开始播放动画  
  10.         android:toAlpha="1.0" />  
  11.   
  12. </set>  

几个值得注意的地方：如果你需要让动画设置 android:fillAfter="true"
   android:fillBefore="false" 的相关属性的时候 必须将属性这是在<set>下面才有效。比如有效的 设置是这样的
[java]   
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"   
  3.    android:fillAfter="true"  
  4.    >  
  5.       
  6.     <alpha  
  7.         android:duration="2000"  
  8.         android:fromAlpha="0"  
  9.           
  10.         android:repeatCount="3"  
  11.         android:repeatMode="reverse"  
  12.         android:toAlpha="1.0" />  
  13.   
  14. </set>  
那么上面的动画就停留在最后一帧画面上。


二.代码实现alpha  

[java]   
  1. Animation anim = new AlphaAnimation(0f, 1.0f);  
  2.         anim.setDuration(2000);  
  3.         anim.setRepeatCount(Animation.INFINITE);  
  4.         anim.setRepeatMode(Animation.RESTART);  


三.XML实现scale

[java]   
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:fillAfter="true"  
  4.     android:interpolator="@android:anim/decelerate_interpolator" >  
  5.  <!-- 画面停留在最后一帧 -->  
  6.     >  
  7.   
  8.     <scale  
  9.         android:duration="2000"  
  10.         android:fromXScale="0.5"  
  11.         android:fromYScale="0.5"  
  12.         android:pivotX="50.0%" >  
  13.  <!-- 动画相对于空间X坐标开始的位置50。0%表示从空间的正中央开始缩放动画 -->  
  14.         android:pivotY="50.0%"  
  15.         android:repeatCount="3"  
  16.         android:repeatMode="reverse"  
  17.         android:toXScale="1.0"  
  18.         android:toYScale="1.0"  
  19.          />  
  20.   
  21.     </scale>  
  22.   
  23. </set>  

四.代码实现scale
[java]   
  1. Animation anim1 = new ScaleAnimation(0.5f, 1.0f, 0.5f, 1.0f, 0.5f, 0.5f);  
  2.         anim1.setDuration(2000);  
  3.         anim1.setRepeatCount(3);  
  4.         anim1.setRepeatMode(Animation.REVERSE);  
  5.         anim1.setInterpolator(this, interpolator.accelerate_decelerate);  
  6.         anim1.setFillAfter(true);  

五.XML实现stranslate  

[java]   
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:interpolator="@android:anim/decelerate_interpolator"  
  4.     android:fillAfter="true" >  
  5.   
  6.     <translate  
  7.         android:duration="2000"  
  8.         android:fromXDelta="0"  
  9.         android:fromYDelta="0"  
  10.         android:toXDelta="0"  
  11.         android:toYDelta="1080" />  
  12.   
  13. </set>  


六代码实现Stranslate

[java]   
  1. Animation animTranlate = new TranslateAnimation(0, 0, 0, 400);  
  2.         animTranlate.setDuration(2000);  
  3.         animTranlate.setFillAfter(true);  
  4.         animTranlate.setInterpolator(this, interpolator.bounce);  
  5.         text.startAnimation(animTranlate);  


七.XML实现rotate 

[java]   
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:fillAfter="true"  
  4.     android:interpolator="@android:anim/accelerate_decelerate_interpolator" >  
  5.   
  6.     <rotate  
  7.         android:duration="2000"  
  8.         android:fromDegrees="0"  
  9.         android:pivotX="50%"  
  10.         android:pivotY="50%"  
  11.         android:toDegrees="180" //负数就是逆时针，正数顺时针。  
[java]   
  1. />  
  2.   
  3. </set>  
八.代码实现rotate

[java]   
  1. Animation animRotate = new RotateAnimation(0f, 360f,  
  2.                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,  
  3.                 0.5f);  
  4.   
  5.         animRotate.setDuration(2000);  
  6.         animRotate.setInterpolator(this, interpolator.bounce);  
  7.         animRotate.setFillAfter(true);  
  8. <span style="white-space:pre">        animRotate.setStartOffset(2000);</span>//动画执行前停留时间  
  9.         text.startAnimation(animRotate);  

九.组合动画的实现

[java]   
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:duration="2000"  
  4.     android:fillAfter="true"  
  5.     android:interpolator="@android:anim/accelerate_decelerate_interpolator" >  
  6.   
  7.     <alpha  
  8.         android:fromAlpha="0"  
  9.         android:toAlpha="1.0" />  
  10.   
  11.     <scale  
  12.         android:fromXScale="0"  
  13.         android:fromYScale="0"  
  14.         android:pivotX="50%"  
  15.         android:pivotY="50%"  
  16.         android:toXScale="1.0"  
  17.         android:toYScale="1.0" />  
  18.   
  19. </set>  


十.代码实现组合动画

[java]   
  1. Animation anim1 = new ScaleAnimation(0.5f, 1.0f, 0.5f, 1.0f, 0.5f, 0.5f);  
  2.         anim1.setDuration(2000);  
  3.         anim1.setRepeatCount(3);  
  4.         anim1.setRepeatMode(Animation.REVERSE);  
  5.         anim1.setInterpolator(this, interpolator.accelerate_decelerate);  
  6.         anim1.setFillAfter(true);  
  7.         // text.setAnimation(anim1);  
  8.   
  9.         Animation animTranlate = new TranslateAnimation(0, 0, 0, 400);  
  10.         animTranlate.setDuration(2000);  
  11.         animTranlate.setFillAfter(true);  
  12.         animTranlate.setInterpolator(this, interpolator.bounce);  
  13.         // text.startAnimation(animTranlate);  
  14.         Animation animRotate = new RotateAnimation(0f, 360f,  
  15.                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,  
  16.                 0.5f);  
  17.   
  18.         animRotate.setDuration(2000);  
  19.         animRotate.setInterpolator(this, interpolator.bounce);  
  20.         animRotate.setFillAfter(true);  
  21.         // text.startAnimation(animRotate);  
  22.   
  23.         AnimationSet animationSet = new AnimationSet(true);  
  24.         animationSet.addAnimation(animRotate);  
  25.         animationSet.addAnimation(animTranlate);  
  26.         animationSet.addAnimation(anim1);  
  27.         text.startAnimation(animationSet);  


来一个示例：设置当前页的一个动画效果。

代码中这么写：

[java]   
  1. public void setCurPage(final int page) {  
  2.         Animation a = AnimationUtils.loadAnimation(MiLaucherMainActivity.this,  
  3.                 R.anim.mi_laucher_scale_in);  
  4.         a.setAnimationListener(new Animation.AnimationListener() {  
  5.             @Override  
  6.             public void onAnimationStart(Animation animation) {  
  7.             }  
  8.   
  9.             @Override  
  10.             public void onAnimationRepeat(Animation animation) {  
  11.             }  
  12.   
  13.             @Override  
  14.             public void onAnimationEnd(Animation animation) {  
  15.                 // TODO Auto-generated method stub  
  16.                 tv_page.setText((page + 1) + "");  
  17.                 tv_page.startAnimation(AnimationUtils  
  18.                         .loadAnimation(MiLaucherMainActivity.this,  
  19.                                 R.anim.mi_laucher_scale_out));  
  20.             }  
  21.         });  
  22.         tv_page.startAnimation(a);  
  23.   
  24.     }  

[java]   
  1. mi_laucher_scale_in.xml 文件：  
  2. <?xml version="1.0" encoding="utf-8"?>  
  3. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:shareInterpolator="false" >  
  5.   
  6.     <scale  
  7.         android:duration="300"  
  8.         android:fromXScale="1.0"  
  9.         android:fromYScale="1.0"  
  10.         android:pivotX="50%"  
  11.         android:pivotY="50%"  
  12.         android:toXScale="0.0"  
  13.         android:toYScale="1.0" />  
  14.   
  15. </set>  
[java]   
  1. mi_laucher_scale_out.xml 文件：  
  2. <?xml version="1.0" encoding="utf-8"?>  
  3. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:shareInterpolator="false" >  
  5.   
  6.     <scale  
  7.         android:duration="300"  
  8.         android:fromXScale="0.0"  
  9.         android:fromYScale="1.0"  
  10.         android:pivotX="50%"  
  11.         android:pivotY="50%"  
  12.         android:toXScale="1.0"  
  13.         android:toYScale="1.0" />  
  14.   
  15. </set>  
上一篇：Android资源文件string.xml中\u2026的意思
下一篇：动画原理分析

发表评论

最新留言

第一次来，支持一个
[***.219.124.196]2025年03月21日 12时23分13秒

关于作者

    喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！

推荐文章

Vue入门学习笔记（1） 2019-03-04
趣谈win10常用快捷键 2019-03-04
数学建模（NO.18灰色预测） 2019-03-04
数学建模更新12（数学线性规划模型1） 2019-03-04
Android，SharedPreferences的使用 2019-03-04
JPEG压缩技术 2019-03-04
两款用于检测内存泄漏的软件 2019-03-04
王爽 《汇编语言》 读书笔记 三 寄存器（内存访问） 2019-03-04
IDEA出现问题：Received fatal alert: protocol_version 解决方案 2019-03-04
Airtest自动化测试 Docs airtest.core.android package 2019-03-04
SVN Unable to connect to a repository at URL 的解决方案 2019-03-04
Android基本知识 2019-03-05
命令模式【Command Pattern】 2019-03-05
OSI 7 层网络模型 2019-03-05
JDK 内置的多线程协作工具类的使用场景 2019-03-05
Java 中哪些对象可以获取类对象 2019-03-05
linux 的 sleep 命令 2019-03-05
11.2.6 时间值的小数秒 2019-03-05
11.2.7 日期和时间类型之间的转换 2019-03-05
redis 内存溢出_从数据存储的角度告诉你Redis为什么这么快！ 2019-03-05
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457317573 位访客
访问时间: 2025-04-16 22:42:25 访问IP: 3.21.55.224     Copyright © 2020 - 2025 css8.cn 京ICP备2021015314号-1 手机版