补间动画:也叫Tween动画,对view的操作。
4大分类:
- 渐变动画(AlaphAnimation) < alpha >
- 平移动画(TranslateAnimation)< translate >
- 缩放动画(ScaleAnimation) < scale >
- 旋转动画 (RotateAnimation)< rotate >
- 集合动画 (AnimationSet) < set >
常用的java方法:
- setDuration(long durationMillis) 设置动画持续的时间长度, durationMillis不能为负数
- setRepeatCount(int repeatCount) 设置动画重复的次数, repeatCount<0的话,方法内部会设为无限次
- setRepeatMode(int repeatMode) 设置动画重复的模式, Animation.REVERSE:从结束位置反过来进行动画;Animation.INFINITE:从开始位置重新进行动画
- setFillBefore(boolean fillBefore) 设置是否保存动画开始之前的状态
- setFillAfter(boolean fillAfter) 设置是否保持动画结束之后的状态
- setStartTime(long startTimeMillis) 设置动画开始的时间
- setStartOffset(long startOffset 设置动画之间开始的时间间隔
- setInterpolator(Interpolator i) 设置动画的差值器
加载方式:
Animation aiAnimation = AnimationUtils.loadAnimation(activity.this, R.anim.anim_alaph);
//动画工具加载动画
view.setAnimation(aiAnimation);
xml对应的标签
android:duration=""
android:fillAfter=""
android:repeatCount=""
android:repeatMode=""
android:toAlpha=""
1.AlaphAnimation
- 构造函数AlphaAnimation(float fromAlpha, float toAlpha)
第一个参数fromAlpha为 动画开始时候透明度 0.0表示完全透明
第二个参数toAlpha为 动画结束时候透明度 1.0表示完全不透
java方式
Animation anim = new AlphaAnimation(0.1f, 1.0f);//从透明到不透明
anim.setDuration(1000);//设置持续时间
anim.setFillAfter(false);//设置不保持动画结束的状态
anim.setRepeatMode(Animation.REVERSE);//设置从结束位置反过来进行动画模式
anim.setRepeatCount(Animation.INFINITE);//设置动画无限循环的次数
view.startAnimation(anim);xml方式
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration=""
android:fillAfter=""
android:fromAlpha=""
android:repeatCount=""
android:repeatMode=""
android:toAlpha="">
2.TranslateAnimation
构造函数:
public TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
public TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue,
int fromYType, float fromYValue, int toYType, float toYValue)fromXDelta:动画起始时 X坐标上的移动位置
toXDelta:动画结束时 X坐标上的移动位置
fromYDelta:动画起始时Y坐标上的移动位置
toYDelta:动画结束时Y坐标上的移动位置
Type类型:
public static final int ABSOLUTE = 0;
public static final int RELATIVE_TO_SELF = 1;
public static final int RELATIVE_TO_PARENT = 2;java方式
TranslateAnimation anim= new TranslateAnimation(50, 300, 50, 300);
anim.setDuration(2000);
anim.setFillAfter(true);
anim.setInterpolator(new AccelerateDecelerateInterpolator());//插值器
view.startAnimation(anim);-
xml方式
<translate xmlns:android="http://schemas.android.com/apk/res/android"android:duration="200" android:fillAfter="true" android:fromXDelta="10" android:fromYDelta="10" android:interpolator="@android:interpolator/accelerate_decelerate" android:toXDelta="100" android:toYDelta="100"> </translate>
3.ScaleAnimation
构造函数 0表还是缩放到没有,1表示正常无缩放
1.public ScaleAnimation(float fromX, float toX, float fromY, float toY)
fromX:表示x缩放的起始点缩放比例
toX:表示x缩放的结束点缩放比例
fromY:表示Y缩放的起始点缩放比例
toY:表示y缩放的结束点缩放比例 这个构造函数默认缩放中心在(0,0)
X和Y的缩放坐标类型都是Animation.ABSOLUTE
2.public ScaleAnimation(float fromX, float toX, float fromY, float toY,float pivotX, float pivotY)
这个构造可以自己设置缩放的中心点坐标 ,X和Y的缩放坐标类型都是Animation.ABSOLUTE
3.public ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType,float pivotXValue, int pivotYType, float pivotYValue)
pivotXType:动画在X轴相对于物件位置类型
pivotXValue:动画相对于物件的X坐标的开始位置
pivotXType:动画在Y轴相对于物件位置类型
pivotYValue:动画相对于物件的Y坐标的开始位置
这个构造可以自己设置缩放的起始点和终点坐标,缩放中心点 ,XY缩放的类型java方式
ScaleAnimation anim= new ScaleAnimation(1f, 0.5f, 1f, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
anim.setDuration(1500);
anim.setRepeatMode(Animation.REVERSE);
anim.setRepeatCount(Animation.INFINITE);
view.startAnimation(anim);xml方式
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="400"
android:fromXScale="1"
android:fromYScale="1"
android:pivotX="50%" //不是0.5 中心
android:pivotY="50%" //不是0.5
android:toXScale="0.5"
android:toYScale="0.5" >
</scale>
4.RotateAnimation
构造函数
RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
fromDegrees:动画起始时的旋转角度 此角度是当前为0及360,设置其他值则先跳至该角度的位置再由from - to的值: 负则正向转,正则反向转
toDegrees:动画旋转到的角度
pivotXType:动画在X轴相对于物件位置类型
pivotXValue:动画相对于物件的X坐标的开始位置 此值是以本身原始位置为原点,即如设为20%p,则向右移动父控件的20%位移,为负数则向左移
pivotXType:动画在Y轴相对于物件位置类型
pivotYValue:动画相对于物件的Y坐标的开始位置 此值是以本身原始位置为原点,即如设为20%p,则向下移动父控件的20%位移,为负数则向上移java方式
RotateAnimation anim= new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
anim.setDuration(100);
anim.setRepeatMode(Animation.REVERSE);
anim.setRepeatCount(Animation.INFINITE);
view.startAnimation(aiAnimation);-
xml方式
<?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:repeatCount="infinite" android:repeatMode="reverse" android:toDegrees="360"> </rotate>
set集合动画
-
java 方式
AnimationSet set= new AnimationSet(true); ScaleAnimation scaleAnimation = new ScaleAnimation(1f, 0.05f, 1f, 0.05f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); scaleAnimation.setDuration(3000); RotateAnimation rotateAnimation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); rotateAnimation.setDuration(3000); set.addAnimation(alphaAnimation); set.addAnimation(scaleAnimation); set.addAnimation(rotateAnimation); view.startAnimation(animationSet);
xml方式
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale android:duration="400"
android:fromXScale="0.5"
android:fromYScale="0.5"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="0.01"
android:toYScale="0.01" />
<rotate android:duration="3000"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="180" />
</set>
常用动画插值器Interpolator
AccelerateDecelerateInterpolator 在动画开始与结束的地方速率改变比较慢,在中间的时候加速
AccelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始加速
AnticipateInterpolator 开始的时候向后然后向前甩
AnticipateOvershootInterpolator 开始的时候向后然后向前甩一定值后返回最后的值
BounceInterpolator 动画结束的时候弹起
CycleInterpolator 动画循环播放特定的次数,速率改变沿着正弦曲线
DecelerateInterpolator 在动画开始的地方快然后慢
LinearInterpolator 以常量速率改变
OvershootInterpolator 向前甩一定值后再回到原来位置