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

Android开发之视图动画基础

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

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数据类型的数字
  16.         长整型值：
  17.             duration  属性为动画持续时间
  18.             说明:     
  19.                 时间以毫秒为单位
  20. -->
  21. </set>
复制代码

<scale>

  1. <?xml version="1.0" encoding="utf-8"?>

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

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

<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. </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.              其他的属于特定的动画效果
  18.        浮点数型值:
  19.             fromDegrees 属性为动画起始时物件的角度    

  21.             toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   
  22.             说明:
  23.                      当角度为负数——表示逆时针旋转
  24.                      当角度为正数——表示顺时针旋转              
  25.                      (负数from——to正数:顺时针旋转)   
  26.                      (负数from——to负数:逆时针旋转) 
  27.                      (正数from——to正数:顺时针旋转) 
  28.                      (正数from——to负数:逆时针旋转)       
  29.             pivotX     属性为动画相对于物件的X坐标的开始位置
  30.             pivotY     属性为动画相对于物件的Y坐标的开始位置
  31.             说明:        以上两个属性值 从0%-100%中取值
  32.                          50%为物件的X或Y方向坐标上的中点位置
  33.         长整型值：
  34.             duration  属性为动画持续时间
  35.             说明:       时间以毫秒为单位-->
  36. </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. private Animation myAnimation_Alpha;
  2. private Animation myAnimation_Scale;
  3. private Animation myAnimation_Translate;
  4. private Animation myAnimation_Rotate;
  5.     //根据各自的构造方法来初始化一个实例对象
  6. myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
  7. myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
  8.              Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
  9. myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);
  10. myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
  11.                Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
复制代码

Android动画解析--JavaCode
AlphaAnimation
①　AlphaAnimation类对象定义

  1. private AlphaAnimation myAnimation_Alpha;


  4. AlphaAnimation(float fromAlpha, float toAlpha) 
  5. //第一个参数fromAlpha为 动画开始时候透明度
  6. //第二个参数toAlpha为 动画结束时候透明度
  7. myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
  8. //说明: 
  9. //                0.0表示完全透明
  10. //                1.0表示完全不透明
  11. //     设置动画持续时间
  12. myAnimation_Alpha.setDuration(5000);
复制代码

ScaleAnimation

  1. private AlphaAnimation myAnimation_Alpha;

  3. ScaleAnimation(float fromX, float toX, float fromY, float toY,

  5.            int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) 

  7. //第一个参数fromX为动画起始时 X坐标上的伸缩尺寸    

  9. //第二个参数toX为动画结束时 X坐标上的伸缩尺寸     

  11. //第三个参数fromY为动画起始时Y坐标上的伸缩尺寸    

  13. //第四个参数toY为动画结束时Y坐标上的伸缩尺寸  

  15. /*说明:

  17.                     以上四种属性值    

  19.                     0.0表示收缩到没有 

  21.                     1.0表示正常无伸缩     

  23.                     值小于1.0表示收缩  

  25.                     值大于1.0表示放大

  27. */

  29. //第五个参数pivotXType为动画在X轴相对于物件位置类型  

  31. //第六个参数pivotXValue为动画相对于物件的X坐标的开始位置

  33. //第七个参数pivotXType为动画在Y轴相对于物件位置类型   

  35. //第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置

  37. myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,

  39.              Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

  41. //设置动画持续时间


  44. myAnimation_Scale.setDuration(700);
复制代码

TranslateAnimation

  1. private AlphaAnimation myAnimation_Alpha;


  4. TranslateAnimation(float fromXDelta, float toXDelta,

  6.                        float fromYDelta, float toYDelta) 

  8. //第一个参数fromXDelta为动画起始时 X坐标上的移动位置    

  10. //第二个参数toXDelta为动画结束时 X坐标上的移动位置      

  12. //第三个参数fromYDelta为动画起始时Y坐标上的移动位置     

  14. //第四个参数toYDelta为动画结束时Y坐标上的移动位置 
  15. //　设置动画持续时间


  18. myAnimation_Translate.setDuration(2000);
复制代码

RotateAnimation

  1. private AlphaAnimation myAnimation_Alpha;

  3. RotateAnimation(float fromDegrees, float toDegrees, 

  5.             int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

  7. //第一个参数fromDegrees为动画起始时的旋转角度    

  9. //第二个参数toDegrees为动画旋转到的角度   

  11. //第三个参数pivotXType为动画在X轴相对于物件位置类型  

  13. //第四个参数pivotXValue为动画相对于物件的X坐标的开始位置

  15. //第五个参数pivotXType为动画在Y轴相对于物件位置类型   

  17. //第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置

  19. myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,

  21.                Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);


  24. myAnimation_Rotate.setDuration(3000);
复制代码

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

public void startAnimation (Animation animation)

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

热门文章

最新文章

  • 1
    X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`（Android Debug Bridge）-优雅草卓伊凡
  • 2
    Android安卓项目调试之Gradle 与 Gradle Wrapper的概念以及常用gradle命令深度详解-优雅草卓伊凡
  • 3
    【车载Android】模拟Android系统的高负载环境
  • 4
    【08】AI辅助编程完整的安卓二次商业实战-修改消息聊天框背景色-触发聊天让程序异常终止bug牵涉更多聊天消息发送优化处理-优雅草卓伊凡
  • 5
    【02】完整的安卓二次商业实战-配置gradle-构建打包原生安卓项目-调试本地运行模拟器-优雅草伊凡
  • 6
    基于Android的电子记账本系统
  • 7
    【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
  • 8
    非常经典的Android开发问题-mipmap图标目录和drawable图标目录的区别和适用场景实战举例-优雅草卓伊凡
  • 9
    【03】AI辅助编程完整的安卓二次商业实战-本地构建运行并且调试-二次开发改注册登陆按钮颜色以及整体资源结构熟悉-优雅草伊凡
  • 10
    【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
  • 1
    安卓硬改一键新机，一键新机改串软件，免ROOT网卡串号Imei/sn码
    517
  • 2
    安卓改机工具免root,一键过设备检测,串号SN码【jar即可实现】
    644
  • 3
    为什么大厂要求安卓开发者掌握Kotlin和Jetpack？深度解析现代Android开发生态优雅草卓伊凡
    213
  • 4
    Android studio 报错Connect to 127.0.0.1:8888 [/127.0.0.1] failed: Connection refused: connect（已解决）
    783
  • 5
    Android使用EditText+Listview实现搜索效果（使用room模糊查询）
    362
  • 6
    Android SVG动画详细例子
    303
  • 7
    Android自定义view之网易云推荐歌单界面
    253
  • 8
    一篇文章带你走近Android自定义view
    582
  • 9
    Android利用SVG实现动画效果
    242
  • 10
    Android线条等待动画JMWorkProgress（可添加依赖直接使用）
    151

    • 相关课程

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

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline
    • 下一篇
    阿里云无影云电脑免费使用_免费申请教程