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

Android开发之视图动画基础

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

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基础
迅雷老曾
目录
相关文章
请看我回答~
|
19天前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上，安卓和iOS两大阵营各据一方。随着技术的演进，跨平台开发框架成为开发者的新宠，旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战，并分享实用的开发技巧，帮助开发者在安卓和iOS的世界中游刃有余。
请看我回答~
34 1
游客qf4jmczx4xu2y
|
24天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图：打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中，自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程，以及如何通过它们增强应用的用户体验。我们将从基础出发，逐步深入，最终让你能够自信地设计和实现专属的UI组件。
游客qf4jmczx4xu2y
41 4
mrq4nk6ni2neg
|
6天前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图：打造个性化用户界面
在安卓应用开发的广阔天地中，自定义视图是一块神奇的画布，让开发者能够突破标准控件的限制，绘制出独一无二的用户界面。本文将带你走进自定义视图的世界，从基础概念到实战技巧，逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者，这篇文章都将为你打开新的视野，让你的应用在众多同质化产品中脱颖而出。
mrq4nk6ni2neg
33 19
肥猪肥猪-17824
|
10天前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中，安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异，它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间，比较它们在线程管理上的核心理念、实现方式及性能考量，助你成为跨平台的编程高手。
肥猪肥猪-17824
25 4
请看我回答~
|
26天前
|
Android开发 Swift iOS开发
探索安卓与iOS开发的差异和挑战
【10月更文挑战第37天】在移动应用开发的广阔舞台上，安卓和iOS这两大操作系统扮演着主角。它们各自拥有独特的特性、优势以及面临的开发挑战。本文将深入探讨这两个平台在开发过程中的主要差异，从编程语言到用户界面设计，再到市场分布的不同影响，旨在为开发者提供一个全面的视角，帮助他们更好地理解并应对在不同平台上进行应用开发时可能遇到的难题和机遇。
请看我回答~
38 4
肥猪肥猪-17824
|
28天前
|
XML 存储 Java
探索安卓开发之旅：从新手到专家
【10月更文挑战第35天】在数字化时代，安卓应用的开发成为了一个热门话题。本文旨在通过浅显易懂的语言，带领初学者了解安卓开发的基础知识，同时为有一定经验的开发者提供进阶技巧。我们将一起探讨如何从零开始构建第一个安卓应用，并逐步深入到性能优化和高级功能的实现。无论你是编程新手还是希望提升技能的开发者，这篇文章都将为你提供有价值的指导和灵感。
肥猪肥猪-17824
33 4
肥猪肥猪-17824
|
26天前
|
存储 API 开发工具
探索安卓开发：从基础到进阶
【10月更文挑战第37天】在这篇文章中，我们将一起探索安卓开发的奥秘。无论你是初学者还是有经验的开发者，这篇文章都将为你提供有价值的信息和建议。我们将从安卓开发的基础开始，逐步深入到更复杂的主题，如自定义组件、性能优化等。最后，我们将通过一个代码示例来展示如何实现一个简单的安卓应用。让我们一起开始吧！
肥猪肥猪-17824
37 1
shuj
|
26天前
|
存储 XML JSON
探索安卓开发：从新手到专家的旅程
【10月更文挑战第36天】在这篇文章中，我们将一起踏上一段激动人心的旅程，从零基础开始，逐步深入安卓开发的奥秘。无论你是编程新手，还是希望扩展技能的老手，这里都有适合你的知识宝藏等待发掘。通过实际的代码示例和深入浅出的解释，我们将解锁安卓开发的关键技能，让你能够构建自己的应用程序，甚至贡献于开源社区。准备好了吗？让我们开始吧！
shuj
26 2
山东布谷科技_sun
|
28天前
|
Android开发
布谷语音软件开发：android端语音软件搭建开发教程
语音软件搭建android端语音软件开发教程！
山东布谷科技_sun
37 3
mrq4nk6ni2neg
|
6天前
|
Java Android开发 开发者
探索安卓开发：构建你的第一个“Hello World”应用
在安卓开发的浩瀚海洋中，每个新手都渴望扬帆起航。本文将作为你的指南针，引领你通过创建一个简单的“Hello World”应用，迈出安卓开发的第一步。我们将一起搭建开发环境、了解基本概念，并编写第一行代码。就像印度圣雄甘地所说：“你必须成为你希望在世界上看到的改变。”让我们一起开始这段旅程，成为我们想要见到的开发者吧！
mrq4nk6ni2neg
13 0

热门文章

最新文章

  • 1
    Programming access to Android Market
  • 2
    android 支持分组和联系人展示的一个小样例
  • 3
    《Android游戏开发详解》——第2章，第2.12节设置和访问对象的状态
  • 4
    Android快捷便利但不常被使用的原生工具类
  • 5
    Android 内部启动其他应用，以及打开指定qq聊天界面
  • 6
    系出名门Android(4) - 活动(Activity), 服务(Service), 广播(Broadcast), 广播接收器(BroadcastReceiver)
  • 7
    Android基础：shape的基本用法
  • 8
    Android学习笔记--Scoket编程
  • 9
    Android动画——属性动画
  • 10
    Android 数据库ORM框架GreenDao学习心得及使用总结<二>
  • 1
    鸿蒙HarmonyOS 与 Android 的NDK有什么区别？
    365
  • 2
    Android应用开发：实现自定义View的高效绘制
    75
  • 3
    构建高效Android应用：Kotlin协程的实践与优化
    64
  • 4
    构建高效Android应用：Kotlin协程的实践指南
    77
  • 5
    jenkins编译H5做的android端编译卫士app记录
    53
  • 6
    利用Bundle实现Android Activity间消息的传递
    58
  • 7
    Intent在Android中的几种用法
    81
  • 8
    Android如何在Activity和Service之间传递数据
    305
  • 9
    android TextView HTML 的效果
    44
  • 10
    Android下自定义Button样式
    49

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南
  • C++ 入门教程开发文档
  • Python开发基础入门
  • 「大师课」搞定 Java 开发基础
  • Go语言完全自学手册图文教程
  • Java面试疑难点解析 - 系统架构及项目设计

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline

    • 相关实验场景

    更多
  • 每个IT人都想学的“Web应用上云经典架构”实战
  • 语言入门-1：环境构建
  • 基于函数计算快速搭建Zblog等传统应用框架
  • 1分钟部署经典小游戏
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月