Android 开发笔记 动画效果 --Animation 动画专题研究 一

最新推荐文章于 2024-09-07 14:54:28 发布
转载 最新推荐文章于 2024-09-07 14:54:28 发布 · 768 阅读 · 0
本文详细介绍Android动画编程的基础知识，包括四种基本动画类型：渐变透明度、渐变尺寸伸缩、画面转换位置移动及画面转移旋转。同时介绍了两种动画模式：渐变动画和画面转换动画，并提供了XML和Java代码中的实现方法。


===============帖子正文==============================
动画专题研究 一

动画效果编程基础--AnimationAndroid 

动画类型

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></FONT></FONT>
复制代码
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.         长整型值：
  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></FONT></FONT>
复制代码
<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.        浮点数型值:
  20.             fromDegrees 属性为动画起始时物件的角度    
  21.             toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   

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

  32.             pivotX     属性为动画相对于物件的X坐标的开始位置
  33.             pivotY     属性为动画相对于物件的Y坐标的开始位置
  34.                 
  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;
  6.     
  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. 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)
复制代码

实例应用：

源码:  myActionAnimation.zip (81.66 KB, 下载次数: 5378) 

apk:  myActionAnimation-apk.zip (23.41 KB, 下载次数: 873) 

Android 开发笔记：
                         动画效果编程基础--Animation 电子书     动画分析.zip (436.31 KB, 下载次数: 3557) 


结果：
pic.PNG 
Android Compose 实现View中的帧动画功能
u010131088的博客
03-06 653
Android Compose 实现View中的帧动画功能
【Android游戏开发十四】深入Animation,在SurfaceView中照样使用Android—Tween Animation！
热门推荐
李华明Himi
01-04 3万+
李华明Himi 原创,转载务必在明显处注明：转载自【黑米GameDev街区】 原文链接: http://www.himigame.com/android-game/331.html 很多童鞋说我的代码运行后，点击home或者back后会程序异常，如果你也这样遇到过，那么你肯定没有仔细读完Himi的博文，第十九篇Himi专门写了关于这些错误的原因和解决方法，这里我在博客都补充说明下，省的童鞋们总疑惑
动画效果编程基础--AnimationAndroid
浮白
07-25 1740
动画<span class="t_tag" onclick="function onclick(){tagshow(event)}">效果编程基础--AnimationAndroid 动画类型Android的animation由四种类型组成<span class="t_tag" onclick="function onclick(){tagshow(event)}">XML
开启动画用start
qq_25330791的博客
06-25 353
1、开启动画的时候，要view.startAnimation(anim)； 2、如果是view.setAnimation()则点击按钮无法产生动画； 3、但是如果不点击产生动画效果，就可以用set。
Android 动画详解
金戈鐡馬
02-28 5773
Android动画的分类与使用学习Android必不可少的就是动画的使用了，在Android版本迭代的过程中，出现了很多动画框架，这里做一个总结。Android动画类型分类逐帧动画【Frame Animation】，即顺序播放事先准备的图片。补间动画【Tween Animation】，View的动画效果可以实现简单的平移、缩放、旋转。属性动画【Property Animation】，补间动画增强版，支持对对象执行动画。
Android之Animation动画的使用（一）
【博客地址迁移到】：https://zhengxiaoyong.com
02-23 2444
我们在使用一些控件时候，难免会设置一些进入和退出的动画效果，比如popupwindow、listview的item动画、按钮、图片等等，要使这些控件有动画效果，当然需要用到Animation了。 下面我们就来讲讲Animation有哪些动画效果吧。 Android的Animation由四种类型组成：alpha、scale、translate、rotate，对应的效果如下： X
Android 开发笔记 动画效果 --Animation 动画专题研究 一 (转帖)
sylcc_的专栏
04-27 777
<br />在网上看到的,讲的相当详细,发上来与大家共享<br /><br /><br />Android 开发笔记 动画效果 --Animation 动画专题研究 一 <br /><br />动画类型<br /><br />Android的animation由四种类型组成<br /><br />XML中<br />alpha     渐变透明度动画效果<br />scale     渐变尺寸伸缩动画效果<br />translate     画面转换位置移动动画效果<br />rotate     画面转
[Android实例] Android 开发笔记 动画效果 --Animation 动画专题研究 一 [复制链接]
我以我名，行我道！
03-21 892
===============eoeAndroid社区推荐：======================= 仿QQ--tab切换动画实例(有图有真相哦) 链接地址：http://www.eoeandroid.com/thread-173365-1-1.html ViewPager多页面滑动切换以及动画效果 链接地址：http://www.eoeandroid.com/thread-15
[Android实例] Android 开发笔记 动画效果 --Animation 动画专题研究 一【转】
weixin_30737363的博客
04-02 68
http://www.eoeandroid.com/forum.php?mod=viewthread&tid=564 转载于:https://www.cnblogs.com/fangfang01/archive/2013/04/02/2995809.html
Android动画开发——Animation动画效果
开发简记
11-07 6221
转自：http://blog.csdn.net/teasub/article/details/6755228 在做android开发时，UI往往是最费时间，但一个效果炫丽的UI也往往是一款应用吸引人的地方。而动画效果可以做出很多炫丽的效果，下面列举下android的动画开发——Animation的动画效果。 动画类型 Android的animation由四种类型组成 XML中
Android Animation动画 控制动画的执行效果，速度等
liaoyi的博客
12-09 7674
Android开发中必定会涉及到动画方面的效果，那么就会遇到一个问题，如果控制动画开始速度，与结束速度。 我们就可以在动画xml里面设置 android:interpolator="@android:anim/accelerate_interpolator" 设置动画为加速动画(动画播放中越来越快) android:interpolator="@android:anim/decelera
Android 动画学习(一)之View Animation
叶功恒的博客专栏
08-04 9174
转载请注明出处： Android动画初步         动画(Animation)在我们日常的Android开发工作当中使用得较为频繁，尤其对于Android游戏这个动画的集合体，掌握动画开发的重要性毋庸置疑。同样的，在Android应用开发中我们也经常使用动画效果来提升APP用户体验，比如应用中的图片的旋转，页面和页面之间的淡入淡出、左右渐入渐出切换效果等等。那从今天开始我们将进入
[Android 动画]简要分析一下Animator 与 Animation
心若有依，便是归处
10-29 5678
在 Android 的开发过程中, 大家平时一般都或多或少会使用到一些动画, 通常大家一般使用的都是 Animation, 但是实际上Android 在3.0的时候就已经推出了 Animator 框架用以提升 Android 本身的动画效果,虽然我们一般基于2.x 开发的时候无法享受到 Animator 服务,但是这并不影响我们来体验一下他的强大之处.
android动画介绍--Animation 实现loading动画效果
旋转 跳跃 然后 团灭
07-28 6282
Animation的使用方法并不难。这里简单的介绍一下使用方法。 先看效果图： 效果还是不错的吧。 下面来看看使用方法。 动画效果是通过Animation来实现的，一共有四种，分别为： AlphaAnimation : 渐变透明度动画 ScaleAnimation:  尺寸渐变动画 TranslateAnimation: 水平移动动画 RotateAnimation:  旋转
Android动画Animation之Tween用代码实现动画效果
任海丽(3G/移动开发)
01-11 1万+
1、效果图跟上一遍博客一样，请参考Android动画效果Animation之Tween实现简单动画； 接下来直接java代码实现如何实现动画： 定义private Animation animation_alpha,animation_scale,animation_translate,animation_rotate; private AnimationSet animationSet;分
Android动画学习笔记-Android Animation
最新发布
2401_87034108的博客
09-07 1160
属性动画，这个是在Android 3.0中才引进的，以前学WPF时里面的动画机制好像就是这个，它更改的是对象的实际属性，在View Animation（Tween Animation）中，其改变的是View的绘制效果，真正的View的属性保持不变，比如无论你在对话中如何缩放Button的大小，Button的有效点击区域还是没有应用动画时的区域，其位置与大小都不变。而在Property Animation中，改变的是对象的实际属性，如Button的缩放，Button的位置与大小属性值都改变了。
笔记15 Animation 安卓特效动画效果 组合动画
丶ban
08-12 2105
实现方式： Animation loadAnimation = AnimationUtils .loadAnimation(this, R.anim.translate); image.startAnimation(loadAnimation); final Animation loadAnimation2 = AnimationUtils.loadAnimation(thi
Android10打断动画,Android开发(10) 动画（Animation）
weixin_30581253的博客
05-26 1303
概述Android SDK介绍了两种Animation：Tween Animation：通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果，即是一种 渐变动画 ，或者说 补间动画。Frame Animation：顺序播放事先做好的图像，是一种画面转换动画，或者说 逐帧动画。渐变动画4种渐变动画alpha 渐变透明度动画效果scale 渐变尺寸伸缩动画效果t...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值