android的动画分为两大类:补间动画,帧动画。
补间动画又分为四大类:移动补间动画,缩放补间动画,旋转补间动画,透明补间动画。
这四种补间动画都是Animation的子类。
移动补间动画:TranslateAnimation
eg:
Animation animation = new TranslateAnimation(0,50,0,50);
参数1:x轴的起始位置
参数2:x轴的终止位置
参数3: y轴的起始位置
参数4:y轴的终止位置
相对于原图位置的原点(图片的右上角为0,0),如果不想用这个点作为参照点,可以使用其他构造
TranslateAnimation(fromXType, fromXValue, toXType, toXValue, fromYType, fromYValue, toYType, toYValue)
参数1,参数3,参数5,参数7就是设置参照点的方式
可以通过Animation类的常量进行设置例如:Animation.RELATIVE_TO_SELF
缩放补间动画:ScaleAnimation
eg:
Animation animation = new ScaleAnimation(1f,0.2f,1f,0.2f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
参数1:x方向起始大小(1f表示原图大小)
参数2:x方向终止大小(0.2f表示原图的0.2倍)
参数3:y方向起始大小(1f表示原图大小)
参数4:y方向终止大小(0.2f表示原图的0.2倍)
参数5:缩放中心点x轴取值的参照方式
参数6:中心点x轴的取值(0.5f表示相对与原图的0.5倍)
参数7:缩放中心点y轴取值参照方式
参数8:中心点y轴的取值(0.5f表示相对与原图的0.5倍)
旋转补间动画:RotateAnimation
eg:
Animation animation = new RotateAnimation(360,0,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
参数1:旋转的起始角度
参数2:旋转的终止角度
参数3:旋转中心的x轴取值参照方式
参数4:中心点x轴的取值
参数5:旋转中心的y轴取值参照方式
参数6:中心点y轴的取值
透明补间动画: AlphaAnimation
eg:
Animation animation = new AlphaAnimation(1f,0.1f);
参数1: 起始透明度;
参数2: 目标透明度;
每种动画都有很多种重载,可以根据需求进行选择,如果想让动画有效果还得设置动画的时间
//设置动画持续时间
animation.setDuration(2000);
以毫秒为单位
对于动画还可以设置渲染器
eg:
//渲染器 android系统提供了很多渲染器资源 通过android.R.anim.的方式使用
animation.setInterpolator(Main.this,android.R.anim.anticipate_overshoot_interpolator);
如果想要多个动画效果同时使用,可以通过AnimationSet 实现:
AnimationSet animationSet = new AnimationSet(false);
animationSet.addAnimation(animation);
得到动画对象之后就是使用了,每个view都有startAnimation(animation)方法
因为AnimationSet 继承自Animation类所以该方法的参数既可以是动画对象(Animation)也可以是动画集(AnimationSet )对象
--------------------------------------------------分割线-------------------------------------------------------有两种方式创建补间动画--采用布局文件方式和java代码方式。下面分别给出两种方式创建动画的Demo
1.用布局文件创建:
a)在res/anim文件夹下面创建四个xml文件,分别对应平移、透明度、旋转、缩放四种补间动画
anim_alpha.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillEnabled="true"
android:fillAfter="true"
>
<alpha
android:duration="2000"
android:fromAlpha="1"
android:repeatCount="1"
android:repeatMode="reverse"
android:toAlpha="0" />
</set>
anim_rotate.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:interpolator="@android:anim/accelerate_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="720" >
</rotate>
<rotate
android:duration="2000"
android:fromDegrees="360"
android:interpolator="@android:anim/accelerate_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:startOffset="2000"
android:toDegrees="0" >
</rotate>
</set>
anim_scale.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale android:fromXScale="1"
android:interpolator="@android:anim/decelerate_interpolator"
android:fromYScale="1"
android:toXScale="2.0"
android:toYScale="2.0"
android:pivotX="50%"
android:pivotY="50%"
android:fillAfter="true"
android:repeatCount="1"
android:repeatMode="reverse"
android:duration="2000"/>
</set>
anim_translate.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="0"
android:toXDelta="860"
android:fromYDelta="0"
android:toYDelta="0"
android:fillAfter="true"
android:repeatMode="reverse"
android:repeatCount="1"
android:duration="2000">
</translate>
</set>
java代码:
Animate2Activity.java
package com.xzy.demo;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;
public class Animate2Activity extends Activity {
private Button b1, b2, b3, b4;
private boolean flag = true;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.bujian);
final Animation rotate = AnimationUtils.loadAnimation(this,
R.anim.anim_rotate);
final Animation translate = AnimationUtils.loadAnimation(this,
R.anim.anim_translate);
final Animation scale = AnimationUtils.loadAnimation(this,
R.anim.anim_scale);
final Animation alpha = AnimationUtils.loadAnimation(this,
R.anim.anim_alpha);
final ImageView iv = (ImageView) findViewById(R.id.imageview);
b1 = (Button) findViewById(R.id.btnAlpha);
b2 = (Button) findViewById(R.id.btnRotate);
b3 = (Button) findViewById(R.id.btnScale);
b4 = (Button) findViewById(R.id.btnTranslate);
b1.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
if (flag) {
iv.startAnimation(alpha);
}
}
});
b2.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
if (flag) {
iv.startAnimation(rotate);
}
}
});
b3.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
if (flag) {
iv.startAnimation(scale);
}
}
});
b4.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
if (flag) {
iv.startAnimation(translate);
}
}
});
}
}
效果图:
另一种方式是通过java代码实现,功能完全一样。代码就不赘述了。只给出demo就好了~~
补间动画java实现:http://pan.baidu.com/s/1oVH8J
补间动画xml布局文件实现:http://pan.baidu.com/s/1st3Vh