AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Android动画开发——Animation动画效果

2012-05-02 1109
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
动画类型

Android的animation由四种类型组成

XML中  
alpha
 渐变透明度动画效果
scale
 渐变尺寸伸缩动画效果
translate
 画面转换位置移动动画效果
rotate
 画面转移旋转动画效果


JavaCode中  
AlphaAnimation
 渐变透明度动画效果
ScaleAnimation
 渐变尺寸伸缩动画效果
TranslateAnimation
 画面转换位置移动动画效果
RotateAnimation
 画面转移旋转动画效果

Android动画模式

Animation主要有两种动画模式：
一种是tweened animation(渐变动画)  
XML中
 JavaCode
alpha
 AlphaAnimation
scale
 ScaleAnimation


一种是frame by frame(画面转换动画)  
XML中
 JavaCode
translate
 TranslateAnimation
rotate
 RotateAnimation



如何在XML文件中定义动画

①　 打开Eclipse，新建Android工程
②　 在res目录中新建anim文件夹
③　 在anim目录中新建一个myanim.xml(注意文件名小写)
④　 加入XML的动画代码
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.   <alpha/>
  4.   <scale/>
  5.   <translate/>
  6.   <rotate/>
  7. </set>
复制代码


Android动画解析--XML

<alpha>
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <alpha
  4. android:fromAlpha="0.1"
  5. android:toAlpha="1.0"
  6. android:duration="3000"
  7. /> 
  8. <!-- 透明度控制动画效果 alpha
  9.         浮点型值：
  10.             fromAlpha 属性为动画起始时透明度
  11.             toAlpha   属性为动画结束时透明度
  12.             说明: 
  13.                 0.0表示完全透明
  14.                 1.0表示完全不透明
  15.             以上值取0.0-1.0之间的float数据类型的数字

  17.         长整型值：
  18.             duration  属性为动画持续时间
  19.             说明:     
  20.                 时间以毫秒为单位
  21. -->
  22. </set>
复制代码
        

<scale>
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.    <scale  
  4.           android:interpolator=
  5.                      "@android:anim/accelerate_decelerate_interpolator"
  6.           android:fromXScale="0.0"
  7.           android:toXScale="1.4"
  8.           android:fromYScale="0.0"
  9.           android:toYScale="1.4"
  10.           android:pivotX="50%"
  11.           android:pivotY="50%"
  12.           android:fillAfter="false"
  13.           android:duration="700" />
  14. </set>
  15. <!-- 尺寸伸缩动画效果 scale
  16.        属性：interpolator 指定一个动画的插入器
  17.         在我试验过程中，使用android.res.anim中的资源时候发现
  18.         有三种动画插入器:
  19.             accelerate_decelerate_interpolator  加速-减速 动画插入器
  20.             accelerate_interpolator        加速-动画插入器
  21.             decelerate_interpolator        减速- 动画插入器
  22.         其他的属于特定的动画效果
  23.       浮点型值：
  24.          
  25.             fromXScale 属性为动画起始时 X坐标上的伸缩尺寸    
  26.             toXScale   属性为动画结束时 X坐标上的伸缩尺寸     
  27.         
  28.             fromYScale 属性为动画起始时Y坐标上的伸缩尺寸    
  29.             toYScale   属性为动画结束时Y坐标上的伸缩尺寸    
  30.         
  31.             说明:
  32.                  以上四种属性值    
  33.     
  34.                     0.0表示收缩到没有 
  35.                     1.0表示正常无伸缩     
  36.                     值小于1.0表示收缩  
  37.                     值大于1.0表示放大
  38.         
  39.             pivotX     属性为动画相对于物件的X坐标的开始位置
  40.             pivotY     属性为动画相对于物件的Y坐标的开始位置
  41.         
  42.             说明:
  43.                     以上两个属性值 从0%-100%中取值
  44.                     50%为物件的X或Y方向坐标上的中点位置
  45.         
  46.         长整型值：
  47.             duration  属性为动画持续时间
  48.             说明:   时间以毫秒为单位

  50.         布尔型值:
  51.             fillAfter 属性 当设置为true ，该动画转化在动画结束后被应用
  52. -->
复制代码


<translate>
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <translate
  4. android:fromXDelta="30"
  5. android:toXDelta="-80"
  6. android:fromYDelta="30"
  7. android:toYDelta="300"
  8. android:duration="2000"
  9. />
  10. <!-- translate 位置转移动画效果
  11.         整型值:
  12.             fromXDelta 属性为动画起始时 X坐标上的位置    
  13.             toXDelta   属性为动画结束时 X坐标上的位置
  14.             fromYDelta 属性为动画起始时 Y坐标上的位置
  15.             toYDelta   属性为动画结束时 Y坐标上的位置
  16.             注意:
  17.                      没有指定fromXType toXType fromYType toYType 时候，
  18.                      默认是以自己为相对参照物             
  19.         长整型值：
  20.             duration  属性为动画持续时间
  21.             说明:   时间以毫秒为单位
  22. -->
  23. </set>
复制代码


<rotate>
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <rotate 
  4.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"
  5.         android:fromDegrees="0" 
  6.         android:toDegrees="+350"         
  7.         android:pivotX="50%" 
  8.         android:pivotY="50%"     
  9.         android:duration="3000" />  
  10. <!-- rotate 旋转动画效果
  11.        属性：interpolator 指定一个动画的插入器
  12.              在我试验过程中，使用android.res.anim中的资源时候发现
  13.              有三种动画插入器:
  14.                 accelerate_decelerate_interpolator   加速-减速 动画插入器
  15.                 accelerate_interpolator               加速-动画插入器
  16.                 decelerate_interpolator               减速- 动画插入器
  17.              其他的属于特定的动画效果

  19.        浮点数型值:
  20.             fromDegrees 属性为动画起始时物件的角度    
  21.             toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   


  24.             说明:
  25.                      当角度为负数——表示逆时针旋转
  26.                      当角度为正数——表示顺时针旋转              
  27.                      (负数from——to正数:顺时针旋转)   
  28.                      (负数from——to负数:逆时针旋转) 
  29.                      (正数from——to正数:顺时针旋转) 
  30.                      (正数from——to负数:逆时针旋转)       

  32.             pivotX     属性为动画相对于物件的X坐标的开始位置
  33.             pivotY     属性为动画相对于物件的Y坐标的开始位置

  35.             说明:        以上两个属性值 从0%-100%中取值
  36.                          50%为物件的X或Y方向坐标上的中点位置

  38.         长整型值：
  39.             duration  属性为动画持续时间
  40.             说明:       时间以毫秒为单位
  41. -->
  42. </set>
复制代码



如何使用XML中的动画效果
  1. public static Animation loadAnimation (Context context, int id) 
  2. //第一个参数Context为程序的上下文    
  3. //第二个参数id为动画XML文件的引用
  4. //例子：
  5. myAnimation= AnimationUtils.loadAnimation(this,R.anim.my_action);
  6. //使用AnimationUtils类的静态方法loadAnimation()来加载XML中的动画XML文件
复制代码


如何在Java代码中定义动画
  1. //在代码中定义 动画实例对象
  2. private Animation myAnimation_Alpha;
  3. private Animation myAnimation_Scale;
  4. private Animation myAnimation_Translate;
  5. private Animation myAnimation_Rotate;

  7.     //根据各自的构造方法来初始化一个实例对象
  8. myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);

  10. myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
  11.              Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

  13. myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);

  15. myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
  16.                Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
复制代码



Android动画解析--JavaCode

AlphaAnimation
①　AlphaAnimation类对象定义

  1.    1. private AlphaAnimation myAnimation_Alpha;
复制代码


②　AlphaAnimation类对象构造
  1. AlphaAnimation(float fromAlpha, float toAlpha) 
  2. //第一个参数fromAlpha为 动画开始时候透明度
  3. //第二个参数toAlpha为 动画结束时候透明度
  4. myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
  5. //说明: 
  6. //                0.0表示完全透明
  7. //                1.0表示完全不透明
复制代码


③　设置动画持续时间
  1. myAnimation_Alpha.setDuration(5000);
  2. //设置时间持续时间为 5000毫秒
复制代码


ScaleAnimation

①　ScaleAnimation类对象定义
  1. private AlphaAnimation myAnimation_Alpha;
复制代码


②　ScaleAnimation类对象构造
  1. ScaleAnimation(float fromX, float toX, float fromY, float toY,
  2.            int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) 
  3. //第一个参数fromX为动画起始时 X坐标上的伸缩尺寸    
  4. //第二个参数toX为动画结束时 X坐标上的伸缩尺寸     
  5. //第三个参数fromY为动画起始时Y坐标上的伸缩尺寸    
  6. //第四个参数toY为动画结束时Y坐标上的伸缩尺寸  
  7. /*说明:
  8.                     以上四种属性值    
  9.                     0.0表示收缩到没有 
  10.                     1.0表示正常无伸缩     
  11.                     值小于1.0表示收缩  
  12.                     值大于1.0表示放大
  13. */
  14. //第五个参数pivotXType为动画在X轴相对于物件位置类型  
  15. //第六个参数pivotXValue为动画相对于物件的X坐标的开始位置
  16. //第七个参数pivotXType为动画在Y轴相对于物件位置类型   
  17. //第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置
  18. myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
  19.              Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
复制代码


③　设置动画持续时间
  1. myAnimation_Scale.setDuration(700);
  2. //设置时间持续时间为 700毫秒
复制代码


TranslateAnimation


①　TranslateAnimation类对象定义
  1. private AlphaAnimation myAnimation_Alpha;
复制代码


②　TranslateAnimation类对象构造
  1. TranslateAnimation(float fromXDelta, float toXDelta,
  2.                        float fromYDelta, float toYDelta) 
  3. //第一个参数fromXDelta为动画起始时 X坐标上的移动位置    
  4. //第二个参数toXDelta为动画结束时 X坐标上的移动位置      
  5. //第三个参数fromYDelta为动画起始时Y坐标上的移动位置     
  6. //第四个参数toYDelta为动画结束时Y坐标上的移动位置
复制代码


③　设置动画持续时间
  1. myAnimation_Translate.setDuration(2000);
  2. //设置时间持续时间为 2000毫秒
复制代码


RotateAnimation
①　RotateAnimation类对象定义
  1. private AlphaAnimation myAnimation_Alpha;
复制代码


②　RotateAnimation类对象构造
  1. RotateAnimation(float fromDegrees, float toDegrees, 
  2.             int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
  3. //第一个参数fromDegrees为动画起始时的旋转角度    
  4. //第二个参数toDegrees为动画旋转到的角度   
  5. //第三个参数pivotXType为动画在X轴相对于物件位置类型  
  6. //第四个参数pivotXValue为动画相对于物件的X坐标的开始位置
  7. //第五个参数pivotXType为动画在Y轴相对于物件位置类型   
  8. //第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置
  9. myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
  10.                Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
复制代码


③　设置动画持续时间
  1. myAnimation_Rotate.setDuration(3000);
  2. //设置时间持续时间为 3000毫秒
复制代码


如何使用Java代码中的动画效果
 使用从View父类继承过来的方法startAnimation()来为View或是子类View等等添加一个动画效果
  1. public void startAnimation (Animation animation)
复制代码

文章标签：
Android开发
数据格式
XML
Java
关键词：
Android开发
Android动画
Android Animation
Android动画效果
一叶飘舟
目录
相关文章
计蒙不吃鱼
|
5月前
|
Android开发 开发者
Android利用SVG实现动画效果
本文介绍了如何在Android中利用SVG实现动画效果。首先通过定义`pathData`参数（如M、L、Z等）绘制一个简单的三角形SVG图形，然后借助`objectAnimator`实现动态的线条绘制动画。文章详细讲解了从配置`build.gradle`支持VectorDrawable，到创建动画文件、关联SVG与动画，最后在Activity中启动动画的完整流程。此外，还提供了SVG绘制原理及工具推荐，帮助开发者更好地理解和应用SVG动画技术。
计蒙不吃鱼
219 30
计蒙不吃鱼
|
5月前
|
Android开发 UED 计算机视觉
Android自定义view之线条等待动画（灵感来源：金铲铲之战）
本文介绍了一款受游戏“金铲铲之战”启发的Android自定义View——线条等待动画的实现过程。通过将布局分为10份，利用`onSizeChanged`测量最小长度，并借助画笔绘制动态线条，实现渐变伸缩效果。动画逻辑通过四个变量控制线条的增长与回退，最终形成流畅的等待动画。代码中详细展示了画笔初始化、线条绘制及动画更新的核心步骤，并提供完整源码供参考。此动画适用于加载场景，提升用户体验。
计蒙不吃鱼
448 5
Android自定义view之线条等待动画（灵感来源：金铲铲之战）
卓伊凡
|
14天前
|
开发工具 Android开发
X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`（Android Debug Bridge）-优雅草卓伊凡
X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`（Android Debug Bridge）-优雅草卓伊凡
卓伊凡
187 11
X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`（Android Debug Bridge）-优雅草卓伊凡
计蒙不吃鱼
|
5月前
|
API Android开发 开发者
Android颜色渐变动画效果的实现
本文介绍了在Android中实现颜色渐变动画效果的方法，重点讲解了插值器（TypeEvaluator）的使用与自定义。通过Android自带的颜色插值器ArgbEvaluator，可以轻松实现背景色的渐变动画。文章详细分析了ArgbEvaluator的核心代码，并演示了如何利用Color.colorToHSV和Color.HSVToColor方法自定义颜色插值器MyColorEvaluator。最后提供了完整的源码示例，包括ColorGradient视图类和MyColorEvaluator类，帮助开发者更好地理解和应用颜色渐变动画技术。
计蒙不吃鱼
150 3
卓伊凡
|
24天前
|
Java 开发工具 Maven
【01】完整的安卓二次商业实战-详细的初级步骤同步项目和gradle配置以及开发思路-优雅草伊凡
【01】完整的安卓二次商业实战-详细的初级步骤同步项目和gradle配置以及开发思路-优雅草伊凡
卓伊凡
93 6
计蒙不吃鱼
|
5月前
|
Android开发 开发者
Android SVG动画详细例子
本文详细讲解了在Android中利用SVG实现动画效果的方法，通过具体例子帮助开发者更好地理解和应用SVG动画。文章首先展示了动画的实现效果，接着回顾了之前的文章链接及常见问题（如属性名大小写错误）。核心内容包括：1) 使用阿里图库获取SVG图形；2) 借助工具将SVG转换为VectorDrawable；3) 为每个路径添加动画绑定属性；4) 创建动画文件并关联SVG；5) 在ImageView中引用动画文件；6) 在Activity中启动动画。文末还提供了完整的代码示例和源码下载链接，方便读者实践操作。
计蒙不吃鱼
275 65
蓝易云
|
3月前
|
安全 数据库 Android开发
在Android开发中实现两个Intent跳转及数据交换的方法
总结上述内容，在Android开发中，Intent不仅是活动跳转的桥梁，也是两个活动之间进行数据交换的媒介。运用Intent传递数据时需注意数据类型、传输大小限制以及安全性问题的处理，以确保应用的健壯性和安全性。
蓝易云
174 11
AI小云
|
3月前
|
移动开发 Java 编译器
Kotlin与Jetpack Compose：Android开发生态的演进与架构思考
本文从资深Android工程师视角深入分析Kotlin与Jetpack Compose在Android系统中的技术定位。Kotlin通过空安全、协程等特性解决了Java在移动开发中的痛点，成为Android官方首选语言。Jetpack Compose则引入声明式UI范式，通过重组机制实现高效UI更新。两者结合不仅提升开发效率，更为跨平台战略和现代架构模式提供技术基础，代表了Android开发生态的根本性演进。
AI小云
112 0
计蒙不吃鱼
|
5月前
|
XML Java Maven
Android线条等待动画JMWorkProgress（可添加依赖直接使用）
这是一篇关于Android线条等待动画JMWorkProgress的教程文章，作者计蒙将其代码开源至GitHub，提升可读性。文章介绍了如何通过添加依赖库使用该动画，并详细讲解了XML与Java中的配置方法，包括改变线条颜色、宽度、添加文字等自定义属性。项目已支持直接依赖集成（`implementation &#39;com.github.Yufseven:JMWorkProgress:v1.0&#39;`），开发者可以快速上手实现炫酷的等待动画效果。文末附有GitHub项目地址，欢迎访问并点赞支持！
计蒙不吃鱼
138 26
计蒙不吃鱼
|
5月前
|
XML Android开发 数据格式
Android中SlidingDrawer利用透明动画提示效果
本文介绍了在Android中使用`SlidingDrawer`实现带有透明动画提示效果的方法。通过XML布局配置`SlidingDrawer`的把手（handle）和内容（content），结合Activity中的代码实现动态动画效果。最终实现了交互性强、视觉效果良好的滑动抽屉功能。
计蒙不吃鱼
63 1
Android中SlidingDrawer利用透明动画提示效果

热门文章

最新文章

  • 1
    X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`（Android Debug Bridge）-优雅草卓伊凡
  • 2
    Android安卓项目调试之Gradle 与 Gradle Wrapper的概念以及常用gradle命令深度详解-优雅草卓伊凡
  • 3
    【08】AI辅助编程完整的安卓二次商业实战-修改消息聊天框背景色-触发聊天让程序异常终止bug牵涉更多聊天消息发送优化处理-优雅草卓伊凡
  • 4
    【01】完整的安卓二次商业实战-详细的初级步骤同步项目和gradle配置以及开发思路-优雅草伊凡
  • 5
    【02】完整的安卓二次商业实战-配置gradle-构建打包原生安卓项目-调试本地运行模拟器-优雅草伊凡
  • 6
    【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
  • 7
    【03】AI辅助编程完整的安卓二次商业实战-本地构建运行并且调试-二次开发改注册登陆按钮颜色以及整体资源结构熟悉-优雅草伊凡
  • 8
    【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
  • 9
    【04】AI辅助编程完整的安卓二次商业实战-寻找修改替换新UI首页图标-菜单图标-消息列表图标-优雅草伊凡
  • 10
    非常经典的Android开发问题-mipmap图标目录和drawable图标目录的区别和适用场景实战举例-优雅草卓伊凡
  • 1
    基于Android的电子记账本系统
    54
  • 2
    【车载Android】模拟Android系统的高负载环境
    113
  • 3
    X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`（Android Debug Bridge）-优雅草卓伊凡
    187
  • 4
    【08】AI辅助编程完整的安卓二次商业实战-修改消息聊天框背景色-触发聊天让程序异常终止bug牵涉更多聊天消息发送优化处理-优雅草卓伊凡
    94
  • 5
    非常经典的Android开发问题-mipmap图标目录和drawable图标目录的区别和适用场景实战举例-优雅草卓伊凡
    48
  • 6
    【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
    48
  • 7
    【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
    64
  • 8
    【04】AI辅助编程完整的安卓二次商业实战-寻找修改替换新UI首页图标-菜单图标-消息列表图标-优雅草伊凡
    50
  • 9
    【03】AI辅助编程完整的安卓二次商业实战-本地构建运行并且调试-二次开发改注册登陆按钮颜色以及整体资源结构熟悉-优雅草伊凡
    54
  • 10
    【02】完整的安卓二次商业实战-配置gradle-构建打包原生安卓项目-调试本地运行模拟器-优雅草伊凡
    75

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline
    • 下一篇
    阿里云免费云服务器:个人用户每月750小时免费