【Tween Animation 变化动画】

   1、  本文要完成的任务有： 

(1) 缩放动画

(2) 透明度动画

(3) 旋转动画

(4) 位移动画

(5) 组合动画1  （动画监听器实现）

(6) 组合动画2 （set标签 + startOffset属性 实现）

(7) 闪烁动画

(8) 抖动动画

  2、 效果展示gif图如下：

  3、 任务具体实现：

动画xml定义文件全部都放在res/anim目录下。

(1) 缩放动画

scale.xml动画文件定义：

<scale xmlns:android="http://schemas.android.com/apk/res/android"
       android:duration="2000"
       android:fromXScale="0.0"
       android:fromYScale="0.0"
       android:pivotX="50%"
       android:pivotY="50%"
       android:toXScale="1.0"
       android:toYScale="1.0" >
</scale>
<!-- duration 动画持续时间
	 fromXScale x方向上开始时候的大小
	 fromYScale y方向上开始时候的大小
	 pivotX  x方向上缩放的中心位置
	 pivotY  y方向上缩放的中心位置
	 toXScale x方向上结束时候的大小
	 toYScale y方向上结束时候的大小-->

Activity中获取动画对象然后播放代码：

    //缩放动画
		animation = AnimationUtils.loadAnimation(this, R.anim.scale); //获取动画对象
		if(animation != null){
			//开始播放动画
			imageView.startAnimation(animation);
		}

(2) 透明度动画

alpha.xml动画文件定义：

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromAlpha="0.0"
    android:toAlpha="1.0">
</alpha>
<!-- duration 动画持续时间
	 fromAlpha 开始透明度值
	 toAlpha 结束透明度值  -->

Activity中获取动画对象代码：

			//透明度动画
			animation = AnimationUtils.loadAnimation(this, R.anim.alpha); //获取动画对象

(3) 旋转动画

rotate.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:toDegrees="+360"
    android:pivotX="50%"
    android:pivotY="50%">
</rotate>
<!-- duration 动画持续时间
	 fromDegrees 起始时的角度
	 toDegrees 结束时的角度
	 pivotX  x方向上旋转的中心位置
	 pivotY  y方向上旋转的中心位置-->

Activity中获取动画对象代码：

			//旋转动画
			animation = AnimationUtils.loadAnimation(this, R.anim.rotate); //获取动画对象

(4) 位移动画

translate.xml动画文件定义：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromXDelta="10"
    android:fromYDelta="10"
    android:toXDelta="100"
    android:toYDelta="100">
</translate>
<!-- duration 动画持续时长 
  	 fromXDelta 起始x相对坐标
  	 fromYDelta 起始y相对坐标
  	 toXDelta 结束x相对坐标
  	 toYDelta 结束y相对坐标-->

Activity中获取动画对象代码：

 //位移动画
			animation = AnimationUtils.loadAnimation(this, R.anim.translate); //获取动画对象

(5) 组合动画1

动画组合原理：两个独立动画，为第一个动画设置动画监听器，当监听到第一个动画播放完毕，开始播放第二个动画。

代码如下：

			//组合动画1
			//动画组合原理：两个独立动画，为第一个动画设置动画监听器，当监听到第一个动画播放完毕，开始播放第二个动画
			Animation animation1 = AnimationUtils.loadAnimation(this, R.anim.translate);
			final Animation animation2 = AnimationUtils.loadAnimation(this, R.anim.rotate);
			//为animation1设置动画监听器
			animation1.setAnimationListener(new AnimationListener() {
				
				@Override
				public void onAnimationStart(Animation animation) {
					// TODO Auto-generated method stub
					
				}
				
				@Override
				public void onAnimationRepeat(Animation animation) {
					// TODO Auto-generated method stub
					
				}
				
				@Override
				public void onAnimationEnd(Animation animation) {
					//当动画播放结束时
					imageView.startAnimation(animation2);
					
				}
			});
			//开始播放第一个动画
			imageView.startAnimation(animation1);

(6) 组合动画2

动画组合原理：动画本身xml定义就是一个组合动画，所以只用直接播放组合动画即可。

comb_anim2.xml组合动画文件定义：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="2000"
        android:fromXDelta="10"
        android:fromYDelta="10"
        android:toXDelta="100"
        android:toYDelta="100">
    </translate>

    <rotate
        android:duration="2000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="+360"
        android:startOffset="3000">
    </rotate>
	<!-- 注意这里一定要设置startOffset，并且要大于第一个动画播放的时间，不然两个动画会一起播放 -->
</set>

Activity中获取动画对象代码：

			//组合动画2
			//动画组合原理：动画本身xml定义就是一个组合动画，所以只用直接播放组合动画即可
			animation = AnimationUtils.loadAnimation(this, R.anim.comb_anim2); //获取动画对象

(7) 闪烁动画

实现方式没有去定义动画xml文件，而是用等效的java代码来实现：

			//闪烁动画
			//定义一个透明度变化动画，从透明到不透明
			AlphaAnimation alphaAnimation = new AlphaAnimation(0.1f, 1.0f);
			//定义动画播放时长
			alphaAnimation.setDuration(100);
			//定义动画播放重复次数
			alphaAnimation.setRepeatCount(16);
			//定义动画正序重复还是倒序重复 REVERSE为倒序重复 RESTART为正序重复
			alphaAnimation.setRepeatMode(Animation.REVERSE);
			//开始播放动画，就是闪烁的效果
			imageView.startAnimation(alphaAnimation);

(8) 抖动动画
实现方式没有去定义动画xml文件，而是用等效的java代码来实现：

			//抖动动画
			//定义一个位移变化动画，从x方向的左边到右边
			TranslateAnimation translateAnimation = new TranslateAnimation(-30, 30, 0, 0);
			//定义动画播放时长
			translateAnimation.setDuration(100);
			//定义动画播放重复次数
			translateAnimation.setRepeatCount(16);
			//定义动画倒序重复
			translateAnimation.setRepeatMode(Animation.REVERSE);
			//开始播放动画
			imageView.startAnimation(translateAnimation);

01_TweenAnimation变化动画Demo代码下载