android-animation Tween动画

Android提供了2种动画：
1> Tween动画，通过对 View 的内容进行一系列的图形变换 (包括平移、缩放、旋转、改变透明度)来实现动画效果。动画效果的定义可以采用XML来做也可以采用编码来做。Tween动画有4种类型：

2> Frame动画，即顺序播放事先做好的图像，跟放胶片电影类似。开发步骤：
（1）把准备好的图片放进项目res/ drawable下。
（2）在项目的res目录下创建文件夹anim，然后在anim文件夹下面定义动画XML文件，文件名称可以自定义。当然也可以采用编码方式定义动画效果（使用AnimationDrawable类）。
（3）为View控件绑定动画效果。调用代表动画的AnimationDrawable的start()方法开始动画。

在res下创建anim文件夹

=================渐变透明度动画效果======================

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<alpha
		android:fromAlpha="0.1"	
		android:toAlpha="1.0"
		android:duration="3000"
	/>
</set><!--StartFragment--><p style="line-height: 80%; margin-top: 2.88pt; margin-bottom: 0pt; direction: ltr; unicode-bidi: embed; vertical-align: baseline;"><span style="font-size: 8pt; font-family: 宋体;">编码实现：</span></p><!--EndFragment-->

编码实现透明度动画效果：

public class AnimationActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		ImageView imageView = (ImageView)this.findViewById(R.id.imageView);
		AlphaAnimation animation = new AlphaAnimation(0.1, 1.0); 
		animation.setDuration(5000); //设置持续时间5秒
		imageView.startAnimation(animation);
	}
}

=================画面位置移动动画效果======================

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:repeatCount="2"
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="120"
android:toYDelta="120"
android:duration="3000"
/>
<!-- fromXDelta fromYDelta 为动画起始时 X和Y坐标上的位置
toXDelta toYDelta为动画结束起始时  X和Y坐标上的位置
 -->
</set>

编码实现位置移动动画效果：

public class AnimationActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		ImageView imageView = (ImageView)this.findViewById(R.id.imageView);
		TranslateAnimation animation = new TranslateAnimation(0, 120, 0, 120); 
		animation.setDuration(5000); //设置持续时间5秒
		imageView.startAnimation(animation);
	}
}

=================画面旋转动画效果======================

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
android:interpolator="@android:anim/accelerate_interpolator"
android:repeatCount="2"
android:fromDegrees="0"
android:toDegrees="+360"
android:pivotX="50%"
android:pivotY="50%"
android:duration="3000"
/>
<!-- 
repeatCount 重复次数
fromDegrees为动画起始时物件的角度:
当角度为负数——表示逆时针旋转
当角度为正数——表示顺时针旋转
(负数fromDegrees——toDegrees正数:顺时针旋转)
(负数fromDegrees——toDegrees负数:逆时针旋转)
(正数fromDegrees——toDegrees正数:顺时针旋转)
(正数fromDegrees——toDegrees负数:逆时针旋转)
toDegrees属性为动画结束时物件旋转的角度 可以大于360度
pivotX,pivotY  为动画相对于物件的X、Y坐标的开始位.说明：以上两个属性值 从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置
 -->
</set>

编码实现：

RotateAnimation animation = new RotateAnimation(0, -90, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
animation.setDuration(500);
imageView.startAnimation(animation);

=================对ImageView对象进行渐变尺寸缩放动画效果======================

1> 在项目的res目录下创建文件夹anim，然后在anim文件夹下面定义动画XML文件,文件名称可以自定义，如：scale.xml，内容如下：
<?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android"> 
    <scale android:interpolator="@android:anim/accelerate_decelerate_interpolator" 
        android:fromXScale="0.0" 
        android:fromYScale="0.0"  
        android:toXScale="5" 
        android:toYScale="5" 
        android:pivotX="50%" 
        android:pivotY="50%" 
        android:fillAfter=“true“ <!– 保持动画结束时的缩放状态  
        android:duration="5000"
        /> 
</set>
动画的进度使用interpolator控制，android提供了几个Interpolator 子类，实现了不同的速度曲线，如LinearInterpolator实现了匀速效果、Accelerateinterpolator实现了加速效果、DecelerateInterpolator实现了减速效果等。还可以定义自己的Interpolator子类，实现抛物线、自由落体等物理效果。

fromXScale（浮点型） 属性为动画起始时X坐标上的缩放尺寸 
fromYScale（浮点型） 属性为动画起始时Y坐标上的缩放尺寸
toXScale（浮点型）   属性为动画结束时X坐标上的缩放尺寸
toYScale（浮点型）   属性为动画结束时Y坐标上的缩放尺寸
说明: 以上四种属性值 
0.0表示收缩到没有 
1.0表示正常无缩放
值小于1.0表示收缩 
值大于1.0表示放大
pivotX（浮点型）     属性为动画相对于物件的X坐标的开始位置 
pivotY（浮点型）     属性为动画相对于物件的Y坐标的开始位置 
说明: 
以上两个属性值 从0%-100%中取值
50%为物件的X或Y方向坐标上的中点位置
duration（长整型）属性为动画持续时间 。说明:   时间以毫秒为单位
fillAfter（布尔型）属性当设置为true，该动画转化在动画结束后被应用

2> 在layout文件添加<ImageView>节点：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<ImageView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:src="@drawable/icon"
   android:id="@+id/imageView"
   />
</LinearLayout>
说明：除了可以对<ImageView>实现动画效果，其实也可以对其他View实现动画效果，如：<TextView>

在Activity里对ImageView使用前面定义好的动画效果：

public class AnimationActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		ImageView imageView = (ImageView)this.findViewById(R.id.imageView);
		//加载动画XML文件,生成动画指令
		Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale);
		//开始执行动画
		imageView.startAnimation(animation);
	}
}

编码方式实现

备注：上面采用的是xml文件定义动画效果，作为代替，也可以采用编码方式实现。下面采用编码方式实现上述例子同样的效果：
public class AnimationActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		ImageView imageView = (ImageView)this.findViewById(R.id.imageView);
		ScaleAnimation animation = new ScaleAnimation(0.0f, 5f, 0.0f, 5f, 
		Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
		animation.setDuration(5000); //设置持续时间5秒
		animation.setFillAfter(true);//让图片保持动画结束点时的状态
		imageView.startAnimation(animation);
	}
}

在Activity中使用xml动画文件方法

       // Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);//使用alpha.xml生成动画效果对象
       // Animation animation = AnimationUtils.loadAnimation(this, R.anim.translate);
       // Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale);
       // Animation animation = AnimationUtils.loadAnimation(this, R.anim.rotate);
        
       /* Animation animation = new RotateAnimation(0, 360, 
        		Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animation.setDuration(5000);*/
        
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.itcast);
        
        animation.setFillAfter(true);
        ImageView imageView = (ImageView) this.findViewById(R.id.imageView);
        imageView.startAnimation(animation);

Frame动画介绍： 点击打开链接