APIDemo学习笔记——Android上几种简单的Animation使用方法

APIDemo学习笔记——Android上几种简单的Animation使用方法（一）

版权声明：本文为博主原创文章，未经博主允许不得转载。

（啊，一不小心把这篇文章删了，没有备份，只能重来了。）

在API Demo的View->Animation下可以找到四个Animation的Demo，第一个3D Translate比较复杂，最后再讲，先讲第2个Interpolator。该Activity对应的是view包内的Animation3.java，和layout的animation_3.xml。

界面的布局不加解释了，就一个Spinner和一个TextView。不是本文内容。

主要解释下几个重点语句。

初始化Animation，从类的名字可以看出是一个变换View的位置的动画，参数起点横坐标，终点横坐标，起点纵坐标，终点纵坐标。

1. Animation a = new TranslateAnimation(0.0f,  
2.                 targetParent.getWidth() - target.getWidth() - targetParent.getPaddingLeft() -  
3.                 targetParent.getPaddingRight(), 0.0f, 0.0f);  

 

下面是动画的参数设置，我加上了注释

1. a.setDuration(1000);//设置动画所用的时间
2.         a.setStartOffset(300);//设置动画启动的延时
3.         //设置重复模式，RESTART为结束后重新开始，REVERSE为按原来的轨迹逆向返回
4.         a.setRepeatMode(Animation.RESTART);  
5.         //设置重复次数，INFINITE为无限
6.         a.setRepeatCount(Animation.INFINITE);  
7.         //根据用户在Spinner的选择设置target的进入的方式
8.         switch (position) {  
9.             case0:  
10.                 //加速进入
11.                 a.setInterpolator(AnimationUtils.loadInterpolator(this,  
12.                         android.R.anim.accelerate_interpolator));  
13.                 break;  
14.             case1:  
15.                 //减速进入
16.                 a.setInterpolator(AnimationUtils.loadInterpolator(this,  
17.                         android.R.anim.decelerate_interpolator));  
18.                 break;  
19.             case2:  
20.                 //加速进入.与第一个的区别为当repeatMode为reverse时,仍为加速返回原点
21.                 a.setInterpolator(AnimationUtils.loadInterpolator(this,  
22.                         android.R.anim.accelerate_decelerate_interpolator));  
23.                 break;  
24.             case3:  
25.                 //先往后退一点再加速前进
26.                 a.setInterpolator(AnimationUtils.loadInterpolator(this,  
27.                         android.R.anim.anticipate_interpolator));  
28.                 break;  
29.             case4:  
30.                 //减速前进,冲过终点前再后退
31.                 a.setInterpolator(AnimationUtils.loadInterpolator(this,  
32.                         android.R.anim.overshoot_interpolator));  
33.                 break;  
34.             case5:  
35.                 //case 3,4的结合体
36.                 a.setInterpolator(AnimationUtils.loadInterpolator(this,  
37.                         android.R.anim.anticipate_overshoot_interpolator));  
38.                 break;  
39.             case6:  
40.                 //停止前来回振几下
41.                 a.setInterpolator(AnimationUtils.loadInterpolator(this,  
42.                         android.R.anim.bounce_interpolator));  
43.                 break;  
44.         }  
45.         //让target开始执行这个动画
46.         target.startAnimation(a);  
47.     }  

这里使用的是Android已预设的一些动作，我们也可以自定义XML来实现更好看的动画效果的，这个下一篇再讲。

除了TranslationAnimation，还有AlphaAnimation、RotateAnimation、ScaleAnimation，使用这几个基体动作的组合，可以形成一系列复杂的动画效果。具体用法请查看SDK。

整个都比较简单，就一个函数的调用，还不懂的看一下API的注释和SDK文档，没什么难理解的。

• 收起

APIDemo学习笔记——Android上几种简单的Animation使用方法（二）

版权声明：本文为博主原创文章，未经博主允许不得转载。

现在开始看第三个Push，从View->animation->Push可以启动这个Activity

Push这个Demo主要是展示了View之间的切换效果。

Push对应的Java文件为view包内的Animation2.java，对应的XML布局文件为layout/animation_2.xml。

先看布局文件，这个页面内最主要用到的是一个ViewFlipper。使用ViewFlipper可以实现多个View之间的动态切换，并且可以自定义切换动画，本例中所展示的就是如何定义切换动画。

下面只挑重点语句来讲了。

让ViewFlipper开始自动切换。

1. mFlipper.startFlipping();  

 

当点击时Spinner内的选项时，更改进入和退出的动画效果。

1. publicvoid onItemSelected(AdapterView parent, View v, int position, long id) {  
2.         switch (position) {  
3.         case0:  
4.             mFlipper.setInAnimation(AnimationUtils.loadAnimation(this,  
5.                     R.anim.push_up_in));  
6.             mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,  
7.                     R.anim.push_up_out));  
8.             break;  
9.         case1:  
10.             mFlipper.setInAnimation(AnimationUtils.loadAnimation(this,  
11.                     R.anim.push_left_in));  
12.             mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,  
13.                     R.anim.push_left_out));  
14.             break;  
15.         case2:  
16.             mFlipper.setInAnimation(AnimationUtils.loadAnimation(this,  
17.                     android.R.anim.fade_in));  
18.             mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,  
19.                     android.R.anim.fade_out));  
20.             break;  
21.         default:  
22.             mFlipper.setInAnimation(AnimationUtils.loadAnimation(this,  
23.                     R.anim.hyperspace_in));  
24.             mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,  
25.                     R.anim.hyperspace_out));  
26.             break;  
27.         }  
28.     }  

这里的Animation都是自定义的动画效果，可以在res/anim内找到对应的XML文件，下面用push_up_in.xml来说明定义的大概用法。

因为这个动画是由几个动画复合组成的，所以外围就用一个set标签括起来，组成一个AnimationSet。

translate标签内主要定义位置的变化情况，fromYDelta="100%p"，是指从ViewFlipper的正下方刚好一个View的高度的距离的地方开始出现，100%p是一个相对值，大于0为下方，小于0为上方。toYDelta="0"，是指刚好达到布局文件的原始位置停止。android:duration="300"，是指整个动作的时间用时为300毫秒，系统会根据这个时间自动调整速度。

alpha标签内定义的是透明度，0为全透明，1.0为不透明，过程为300毫秒，让View为逐渐出现的过程

1. <setxmlns:android="http://schemas.android.com/apk/res/android">
2.     <translateandroid:fromYDelta="100%p"android:toYDelta="0"android:duration="300"/>
3.     <alphaandroid:fromAlpha="0.0"android:toAlpha="1.0"android:duration="300"/>
4. </set>

 

push_up_out.xml，和push_left的两个标签都几乎一样的，应该很好理解。

hyperspace_in.xml更简单，只有一个alpha，所以外层没有set标签。startOffset是设置延迟。

hyperspace_out.xml相对复杂一点，set里面还包括有set，但仍然是由几个小动作一起组成的，可以一点点拆成来理解。

最外层是一个set，里面嵌套一个scale和一个set。

第一个scale标签可以理解为，以当前View的正中间位置为轴点，在700毫秒时间内，以加速放大的方式，将View的横长变为1.4倍，高度变为0.6倍。至于fillAfter这个标签我一直搞不懂这个功能，照SDK里的解释，是在连续动画中让View保持在动画的最后一帧，但照我的实验似乎没有什么效果，这个求高手指教。（查网上一些资料是说必须在代码里设置，这个是不是属于Android的Bug？）一个animationSet可以做为另一个animationSet的子集，这个很容易理解。rotate标签内的照字面意思应该很容易理解了，不再赘述了。

1. <setxmlns:android="http://schemas.android.com/apk/res/android"android:shareInterpolator="false">
2.     <scale
3.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"
4.         android:fromXScale="1.0"
5.         android:toXScale="1.4"
6.         android:fromYScale="1.0"
7.         android:toYScale="0.6"
8.         android:pivotX="50%"
9.         android:pivotY="50%"
10.         android:fillAfter="false"
11.         android:duration="700"/>
12.     <set
13.         android:interpolator="@android:anim/accelerate_interpolator"
14.                 android:startOffset="700">
15.         <scale
16.             android:fromXScale="1.4"
17.             android:toXScale="0.0"
18.                 android:fromYScale="0.6"
19.             android:toYScale="0.0"
20.             android:pivotX="50%"
21.             android:pivotY="50%"
22.             android:duration="400"/>
23.         <rotate
24.             android:fromDegrees="0"
25.             android:toDegrees="-45"
26.             android:toYScale="0.0"
27.             android:pivotX="50%"
28.             android:pivotY="50%"
29.             android:duration="400"/>
30.     </set>
31. </set>

 

很多动画其实都是通过alpha, scale, rotate, translate这几个基本动作组成的。这些都属于Tween Animation。另外还有一种Frame Animation，类似放电影的效果，一帧帧播放动画，以后再说。

所有在XML内的设置的属性都可以在JAVA里找到对应的API函数，在Android SDK文档里可以查得到。

其实我觉得我这样写得都有点啰嗦了，Android的API的名字定义都很规范，从名字都已经可以判断出这个函数的功能了，下次不再写这么详细了。

顶

0

踩

0

• 收起