对于动画的知识总是用过就忘了,所以觉得有必要整理一下。方便以后忘记了可以查看。
补间动画常用的方法:
android:duration:动画单次播放时间。
android:fillAfter:动画是否保持播放结束位置。
android:fillBefore:动画是否保持播放开始位置。
android:interpolator:指定动画播放的速度曲线,不设定默认为匀速。
android:repeatCount:动画持续次数,如2,会播放三次。
android:repeatMode:动画播放模式。
android:startOffset:动画延迟播放的时长,单位是毫秒。
下面分别介绍Animation的几个子类:
AlphaAnimation:控制动画透明度的变化。RotateAnimation:控制动画旋转的变化。
ScaleAnimation:控制动画成比例缩放的变化。TranslateAnimation:控制动画移动的变化。
AnimationSet:以上几种变化的组合。
一 、AlphaAnimation控制透明度动画
创建该动画的时候要指定动画开始的透明度、结束时候的透明度和动画的持续时间。其中透明度可以使用0~1之间的float类型的数字指定,0为透明,1为不透明。
1、使用java代码:
/**
* 透明度变化
*/
protected void toAlpha() {
// 动画从透明变为不透明
AlphaAnimation anim = new AlphaAnimation(1.0f, 0.5f);
// 动画单次播放时长为2秒
anim.setDuration(2000);
// 动画播放次数
anim.setRepeatCount(2);
// 动画播放模式为REVERSE
anim.setRepeatMode(Animation.REVERSE);
// 设定动画播放结束后保持播放之后的效果
anim.setFillAfter(true);
// 开始播放,iv_anim是一个ImageView控件
iv_anim.startAnimation(anim);
}
2、使用xml方式:
res\anim\anim_alpha.xml :
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fillAfter="true"
android:fromAlpha="1.0"
android:repeatCount="2"
android:repeatMode="reverse"
android:toAlpha="0.5" >
</alpha>
tweenanimationdemo \ToXMLActivity.java:
/**
* 透明度变化
*/
protected void toAlpha() {
Animation anim=AnimationUtils.loadAnimation(ToXMLActivity.this, R.anim.anim_alpha);
iv_anim.startAnimation(anim);
}
二、RotateAnimation控制旋转动画
RotateAnimation有多个构造函数,这里展示一个参数最多的,下面是它的完整签名:RotateAnimation(float fromDegrees,float toDegrees,int pivotXType,float pivotXVlaue,int pivotYType,float pivotYValue)
RotateAnimation的构造方法中,fromDegrees和toDegrees分别指定动画开始和结束的旋转角度,pivotXType和pivotYType指定旋转中心的参照类型,它们以静态常量的形式定义在Animation中,pivotXVlaue和pivotYVa指定旋转中心的位置
1、java实现:
tweenanimationdemo \ToCodeActivity.java:
/**
* 旋转变化
*/
protected void toRotate() {
// 依照图片的中心,从0°旋转到360°
RotateAnimation anim = new RotateAnimation(0, 360,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
anim.setDuration(2000);
anim.setRepeatCount(2);
anim.setRepeatMode(Animation.REVERSE);
iv_anim.startAnimation(anim);
}
2、xml实现:
res\anim\anim_alpha.xml:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="2"
android:toDegrees="360" >
</rotate>
tweenanimationdemo \ToXMLActivity.java
/**
* 旋转变化
*/
protected void toRotate() {
Animation anim=AnimationUtils.loadAnimation(ToXMLActivity.this, R.anim.anim_rotate);
iv_anim.startAnimation(anim);
}
三、ScaleAnimation控制缩放动画
ScaleAnimation有多个构造函数,这里介绍一个参数最多的ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
ScaleAnimation的构造函数中,fronX、toX、fromY、toY,分别指定了缩放开始和结束的坐标,pivotXType和pivotYType设定了缩放的中心类型,pivotXValue和pivotYValue设定了缩放中心的坐标。
1、java代码实现:
tweenanimationdemo \ToCodeActivity.java
/**
* 比例缩放变化
*/
protected void toScale() {
// 以图片的中心位置,从原图的20%开始放大到原图的2倍
ScaleAnimation anim = new ScaleAnimation(0.2f, 2.0f, 0.2f, 2.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
anim.setDuration(2000);
anim.setRepeatCount(2);
anim.setRepeatMode(Animation.REVERSE);
iv_anim.startAnimation(anim);
}
2、xml实现:
res\anim\anim_alpha.xml
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:pivotX="50%"
android:pivotY="50%"
android:fromXScale="0.2"
android:fromYScale="0.2"
android:toXScale="2.0"
android:toYScale="2.0" >
</scale>
tweenanimationdemo \ToXMLActivity.java
/**
* 比例缩放变化
*/
protected void toScale() {
Animation anim=AnimationUtils.loadAnimation(ToXMLActivity.this, R.anim.anim_scale);
iv_anim.startAnimation(anim);
}
四、TranslateAnimation控制位移动画
- TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue) *
在TranslateAnimation构造函数中,它们指定了动画开始的点类型以及点位置和动画移动的X、Y点的类型以及值。
1、java代码:
tweenanimationdemo \ToCodeActivity.java
/**
* 位移变化
*/
protected void toTranslate() {
// 从父窗口的(0.1,0.1)的位置移动父窗口X轴20%Y轴20%的距离
TranslateAnimation anim = new TranslateAnimation(
Animation.RELATIVE_TO_PARENT, 0.1f,
Animation.RELATIVE_TO_PARENT, 0.2f,
Animation.RELATIVE_TO_PARENT, 0.1f,
Animation.RELATIVE_TO_PARENT, 0.2f);
anim.setDuration(2000);
anim.setRepeatCount(2);
anim.setRepeatMode(Animation.REVERSE);
iv_anim.startAnimation(anim);
}
2、xml实现:
res\anim\anim_translate.xml
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="10%p"
android:toXDelta="20%p"
android:fromYDelta="10%p"
android:toYDelta="20%p"
android:duration="2000"
android:repeatCount="2"
android:repeatMode="reverse">
</translate>
tweenanimationdemo \ToXMLActivity.java
/**
* 位移变化
*/
protected void toTranslate() {
Animation anim=AnimationUtils.loadAnimation(ToXMLActivity.this, R.anim.anim_translate);
iv_anim.startAnimation(anim);
}
五、AnimationSet控制组合动画
AnimationSet,组合动画,是Animation的子类。有些场景需要完成透明度变化、旋转、缩放、移动等多种变化。
AnimationSet有多个构造函数,这里介绍一个最常用的,下面是它的完整签名:
AnimationSet(boolean shareInterpolator)
AnimationSet的构造方法,只有一个boolean的参数,指定是否每个动画分享自己的Interpolator,如果为false,则AnimationSet中的每个动画,使用自己的Interpolator,如果为true,则AnimationSet中的每个动画的Interpolator被AnimationSet的Interpolator覆盖。
1、java代码实现:
/**
* 组合动画
*/
protected void toSetAnim() {
AnimationSet animSet = new AnimationSet(false);
// 依照图片的中心,从0°旋转到360°
RotateAnimation ra = new RotateAnimation(0, 360,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
ra.setDuration(2000);
ra.setRepeatCount(2);
ra.setRepeatMode(Animation.REVERSE);
// 以图片的中心位置,从原图的20%开始放大到原图的2倍
ScaleAnimation sa = new ScaleAnimation(0.2f, 2.0f, 0.2f, 2.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
sa.setDuration(2000);
sa.setRepeatCount(2);
sa.setRepeatMode(Animation.REVERSE);
// 动画从透明变为不透明
AlphaAnimation aa = new AlphaAnimation(1.0f, 0.5f);
// 动画单次播放时长为2秒
aa.setDuration(2000);
// 动画播放次数
aa.setRepeatCount(2);
// 动画播放模式为REVERSE
aa.setRepeatMode(Animation.REVERSE);
// 设定动画播放结束后保持播放之后的效果
aa.setFillAfter(true);
animSet.addAnimation(sa);
animSet.addAnimation(aa);
animSet.addAnimation(ra);
iv_anim.startAnimation(animSet);
}
** 二、xml实现:**
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<rotate
android:duration="2000"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="2"
android:toDegrees="360" >
</rotate>
<scale
android:duration="2000"
android:fromXScale="0.2"
android:fromYScale="0.2"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="2.0"
android:toYScale="2.0" >
</scale>
<alpha
android:duration="2000"
android:fillAfter="true"
android:fromAlpha="1.0"
android:repeatCount="2"
android:repeatMode="reverse"
android:toAlpha="0.5" >
</alpha>
</set>
/**
* 组合动画
*/
protected void toSetAnim() {
Animation anim=AnimationUtils.loadAnimation(ToXMLActivity.this, R.anim.anim_set);
iv_anim.startAnimation(anim);
}