补间动画（Tween）View Animation
2016-07-26 本文已影响52人
TTTqiu
一、 alpha：渐变透明度动画效果
1. 代码方式实现
AlphaAnimation alphaAnimation=new AlphaAnimation(0.1f,1.0f);
alphaAnimation.setDuration(1000);
imageView.startAnimation(alphaAnimation);
- 第一个参数：起始透明度。
- 第二个参数：结束透明度。
- 0.0f 全透明
1.0f 不透明
2. xml 方式实现
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<alpha
android:duration="1000"
android:fromAlpha="0.0"
android:toAlpha="1.0" />
</set>
Animation alphaAnimation=AnimationUtils.loadAnimation(this, R.anim.alpha); //加载Xml文件中的动画
imageView.startAnimation(alphaAnimation);
二、 scale：渐变尺寸伸缩动画效果
1. 代码方式实现
ScaleAnimation scaleAnimation=new ScaleAnimation(0.0f,1.0f,0.0f,1.0f,
ScaleAnimation.RELATIVE_TO_SELF,1.0f,ScaleAnimation.RELATIVE_TO_SELF,0.0f);
scaleAnimation.setDuration(1000);
imageView.startAnimation(scaleAnimation);
- 第一个参数：起始时 X坐标上的伸缩尺寸。
- 第二个参数：结束时 X坐标上的伸缩尺寸。
- 第三个参数：起始时 Y坐标上的伸缩尺寸。
- 第四个参数：结束时 Y坐标上的伸缩尺寸。
- 0.0f表示收缩到没有
1.0f表示正常无伸缩
值小于1.0f表示收缩
值大于1.0f表示放大 - 第五个参数：动画在X轴相对于物件位置类型。
- 第六个参数：动画相对于物件的X坐标的开始位置。
- 第七个参数：动画在Y轴相对于物件位置类型。
- 第八个参数：动画相对于物件的Y坐标的开始位置。
- 0.0f，0.0f 在左上角
0.0f，1.0f 在左下角
1.0f，1.0f 在右下角
0.5f，0.5f 在中间
2. xml 方式实现
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<scale
android:duration="1000"
android:fillAfter="false"
android:fromXScale="0.0"
android:fromYScale="0.0"
android:toXScale="1.4"
android:toYScale="1.4"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:pivotX="50%"
android:pivotY="50%" />
</set>
Animation scaleAnimation=AnimationUtils.loadAnimation(this, R.anim.scale); //加载Xml文件中的动画
imageView.startAnimation(scaleAnimation);
三、translate：画面转换位置移动动画效果
1. 代码方式实现
TranslateAnimation translateAnimation=new TranslateAnimation(0,100,0,100);
translateAnimation.setDuration(1000);
translateAnimation.setInterpolator(this, android.R.anim.cycle_interpolator);
translateAnimation.setFillAfter(true);
imageView.startAnimation(translateAnimation);
- 第一个参数：动画起始时 X坐标上的移动位置。
- 第二个参数：**动画结束时 X坐标上的移动位置 **。
- 第三个参数：**动画起始时 Y坐标上的移动位置 **。
- 第四个参数：动画结束时 Y坐标上的移动位置。
2. xml 方式实现
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="2000"
android:fromXDelta="30"
android:fromYDelta="30"
android:toXDelta="-80"
android:toYDelta="300" />
</set>
Animation translateAnimation=AnimationUtils.loadAnimation(this, R.anim.translate); //加载Xml文件中的动画
imageView.startAnimation(translateAnimation);
四、rotate：画面转移旋转动画效果
1. 代码方式实现
RotateAnimation rotateAnimation=new RotateAnimation(0.0f,360.0f,
Animation.RELATIVE_TO_SELF,0.0f,Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnimation.setDuration(3000);
rotateAnimation.setFillAfter(true);
imageView.startAnimation(rotateAnimation);
- 第一个参数：动画起始时的旋转角度
- 第二个参数：动画旋转到的角度
- 第三个参数：动画在X轴相对于物件位置类型
- 第四个参数：动画相对于物件的X坐标的开始位置
- 第五个参数：动画在Y轴相对于物件位置类型
- 第六个参数：动画相对于物件的Y坐标的开始位置
2. xml 方式实现
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<rotate
android:duration="3000"
android:fromDegrees="0"
android:toDegrees="350"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:pivotX="50%"
android:pivotY="50%" />
</set>
Animation rotateAnimation=AnimationUtils.loadAnimation(this, R.anim.rotate); //加载Xml文件中的动画
imageView.startAnimation(rotateAnimation);
五、通用方法
-
setDuration(long durationMills)
设置动画持续时间（单位：毫秒） -
setFillAfter(Boolean fillAfter)
如果fillAfter的值为true,则动画执行后，控件将停留在执行结束的状态 -
setFillBefore(Boolean fillBefore)
如果fillBefore的值为true，则动画执行后，控件将回到动画执行之前的状态 -
setStartOffSet(long startOffSet)
设置动画执行之前的等待时间 -
setRepeatCount(int repeatCount)
设置动画重复执行的次数
六、Interpolator：动画插入器
animation.setInterpolator(this, android.R.anim.cycle_interpolator);
animation.setInterpolator(new AccelerateInterpolator());
或
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
-
AccelerateInterpolator
加速，开始时慢中间加速 -
DecelerateInterpolator
减速，开始时快然后减速 -
AccelerateDecelerateInterolator
先加速后减速，开始结束时慢，中间加速 -
AnticipateInterpolator
反向，先向相反方向改变一段再加速播放 -
AnticipateOvershootInterpolator
反向加超越，先向相反方向改变，再加速播放，会超出目的值然后缓慢移动至目的值 -
BounceInterpolator
弹球效果，快到目的值时值会跳跃，如目的值100，后面的值可能依次为85，77，70，80，90，100 -
CycleIinterpolator
循环，动画循环一定次数，值的改变为一正弦函数：Math.sin(2 x mCycles x Math.PI x input) -
LinearInterpolator
线性，线性均匀改变 -
OvershottInterpolator
超越，最后超出目的值然后缓慢改变到目的值
七、AnimationSet 实现多种动画混合效果
- 可同时播放，也可以给不同动画分别设置 setStartOffset() 开始偏移来顺序播放。
1. 代码方式实现
AnimationSet animationSet=new AnimationSet(true);
AlphaAnimation alphaAnimation=AnimationUtils.loadAnimation(this, R.anim.alpha);
ScaleAnimation scaleAnimation=AnimationUtils.loadAnimation(this, R.anim.scale);
TranslateAnimation translateAnimation=new TranslateAnimation(0,100,0,100);
RotateAnimation rotateAnimation=new RotateAnimation(0.0f,360.0f,
Animation.RELATIVE_TO_SELF,0.0f,Animation.RELATIVE_TO_SELF, 0.5f);
alphaAnimation.setStartOffset(0);
scaleAnimation.setStartOffset(2000);
translateAnimation.setStartOffset(4000);
rotateAnimation.setStartOffset(6000);
animationSet.addAnimation(translateAnimation);
animationSet.addAnimation(alphaAnimation);
animationSet.addAnimation(rotateAnimation);
animationSet.addAnimation(scaleAnimation);
animationSet.setInterpolator(this, android.R.anim.anticipate_interpolator);
animationSet.setDuration(2000);
imageView.startAnimation(animationSet);
2. xml 方式实现
<?xml version="1.0" encoding="utf8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:shareInterpolator="true">
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:startOffset="500"
android:duration="500"/>
<translate
android:fromXDelta="0%"
android:toXDelta="100%"
android:fromYDelta="0%"
android:toYDelta="100%"
android:duration="2000"/>
......
</set>
AnimationSet animationSet=(AnimationSet) AnimationUtils.loadAnimation(this, R.anim.animset);
