Android学习笔记_39_tween动画的实现（Animation和Frame）

一、Animation动画的实现及特点：

　　1、Tween动画，通过对 View 的内容进行一系列的图形变换 (包括平移、缩放、旋转、改变透明度)来实现动画效果。
   　动画效果的定义可以采用XML来做也可以采用编码来做。Tween动画有4种类型：
　　动画的类型                    Xml定义动画使用的配置节点            编码定义动画使用的类
　　渐变透明度动画效果                 <alpha/>                                AlphaAnimation
　　渐变尺寸缩放动画效果             <scale/>                                 ScaleAnimation
　　画面转换位置移动动画效果      <translate/>                           TranslateAnimation
　　画面旋转动画效果                    <rotate/>                                RotateAnimation

　　2、对mageView对象进行渐变尺寸缩放动画效果：

　　2.1、图片缩放动画：

　　创建一个scale.xml文件，位于res/anim文件夹下。动画的进度使用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，该动画转化在动画结束后被应用

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <scale
        android:duration="5000"
        android:fillAfter="false"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="5"
        android:toYScale="5" />

</set>

　　2.2、图片旋转：在res/anim文件夹下创建一个rotate.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false" >
    <!-- 画面旋转动画效果
          android:fromDegrees="0" 动画刚刚开始的时候为0度
          android:toDegrees="180" 结束的时候为180度
          android:pivotX="50%"
          android:pivotY="50%"    以物体的x，y轴的50%为中心点
          android:duration="5000" 动画持续时间5秒
    -->
    <rotate
        android:duration="5000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="180" />
</set>

　　 2.3、图片移动：在res/anim文件夹下创建一个translate.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false" >
    <!--
          画面转换位置移动动画效果
          设置动画刚开始的时候坐标，这里以0，代表物体当前的位置，也就是物体没有移动
           android:duration="5000"动画的持续时间是5秒中
           android:toXDelta="100"这里是x坐标移动100个像素
           android:toYDelta="100"这里是y坐标移动100个像素
    -->
    <translate
        android:duration="5000"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="100"
        android:toYDelta="100" />
</set>

　　2.4、图片透明度：在res/anim文件夹下创建一个alpha.xml文件

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

    <alpha
        android:duration="5000"
        android:fromAlpha="1.0"
        android:toAlpha="0" />
    <!--
                 渐变透明度动画效果
          android:fromAlpha="1.0"        用于设定动画刚开始的时候透明度的值 ，1.0表示不透明，也就是全显示。
          android:duration="5000"        由看到到看不到持续的时间。为毫秒值。
          android:toAlpha="0"            用于设定动画结束的时候透明度的值，这里0为看不到
    -->
</set>

　　3、帧动画：

　　下面每个200毫秒，三张图片来回切换。android:oneshot属性如果为true，表示动画只播放一次停止在最后一帧上，如果设置为false表示动画循环播放。 有一点需要强调的是：启动Frame动画的代码animationDrawable.start();不能应用在OnCreate()方法中，因为在OnCreate()中 AnimationDrawable还没有完全的与ImageView绑定。在OnCreate()中启动动画，只能看到第一张图片。这里在拖曳事件中实现的。

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/mm" android:duration="200" />
    <item android:drawable="@drawable/pic1" android:duration="200" />
    <item android:drawable="@drawable/pic2" android:duration="200" />
</animation-list>

public class FrameActivity extends Activity {
 private AnimationDrawable animationDrawable;
 @Override
 public void onCreate(Bundle savedInstanceState) {
  　　super.onCreate(savedInstanceState);
  　　setContentView(R.layout.main);
  　　ImageView imageView = (ImageView)this.findViewById(R.id.imageView);
  　　imageView.setBackgroundResource(R.anim.frame);
  　　animationDrawable = (AnimationDrawable) imageView.getBackground();
 }
 @Override
 public boolean onTouchEvent(MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN) {//按下
     　　 animationDrawable.start();
     　　return true;
    }
    return super.onTouchEvent(event);
  }
}

　　4、 应用动画：

package com.example.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        /*
         * Animation animation = new RotateAnimation(0, 360,
         * Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
         * animation.setDuration(5000);
         */
        // 1.创建动画效果对象，只要把上下文对象和R.anim.alpha动画效果对象的xml文件传入就可以生成动画效果对象
        // Animation animation = AnimationUtils.loadAnimation(this,R.anim.alpha);// 渐变透明度动画效果
        // 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 = AnimationUtils.loadAnimation(this, R.anim.rotate);// 混合动画效果
        // ---------------这里使用编码的方式实现动画的旋转效果
        /*
         * Animation animation=new RotateAnimation(0,360,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
         *  0：指定开始的角度,
         * 360：指定结束的角度,
         * Animation.RELATIVE_TO_SELF：这里指以它自身x轴作为参考点
         * 0.5f：指的是以x轴的中心为参考点,
         * Animation.RELATIVE_TO_SELF：这里是y轴的中心点为参考点
         * 0.5f)
         * // animation.setDuration(5000);// 指定动画持续的时间
         */// ----------------------------------------------
            // 这个是设置，当动画结束后，这个图片就停留在动画结束时候的位置
        animation.setFillAfter(true);
        // 2. 找到这个ImageView对象
        ImageView imageView = (ImageView) this.findViewById(R.id.imageView);
        // 3.开始动画，为这个控件应用上这个动画效果对象
        imageView.startAnimation(animation);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}