Android动画之补间动画(Tween Animation)

动画的介绍，网上一搜索一大把，为什么我还是会写呢？我写这个第一个是为了复习一下这个知识点，加深一点印象，第二是为了以后用的时候如果忘记了的话，查看自己写的很容易就懂了，记起来了，毕竟自己写的自己容易看懂一点；

android动画分类

Android动画分为3种：帧动画(Frame Animation)，补间动画(Tween Animation)，属性动画(Property Animation)；

今天我们来说说补间动画，欢迎指正,虚心接受

补间动画的分类

补间动画又可以分为4种：

透明补间动画(AlphaAnimation)，移动补间动画(TranslateAnimation)，缩放补间动画(ScaleAnimation)，旋转补间动(RotateAnimation)。

而这4种动画可以在XML文件中静态设置，也可以在代码中动态设置，下面我们先来说说静态设置动画的属性；

首先在工程目录下的res文件夹下面新建一个名字为anim的文件夹，在anim下建一个XML文件，下面介绍里面具体的代码

透明补间动画(AlphaAnimation)

XML静态设置

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"    android:fillAfter="false">    <alpha        android:duration="1000"        android:fromAlpha="1"        android:repeatCount="2"        android:repeatMode="reverse"        android:toAlpha="0" /></set>

android:fillAfter = "false"这个属性的意思是动画结束后是否保持结束的状态，false为不保持，恢复动画之前的状态，true则是保持动画之后的状态，注意一定要写在set标签里面，否则无效

android:duration = "1000"             动画持续的时间,单位是毫秒

android:fromAlpha = "1"                动画起始的透明度，1是完全不透明，0是完全透明

android:toAlpha = "0"                    动画结束时的透明度

android:repeatCount = "2"             动画的重复次数,传infinite为无限次

android:repeatMode = "reverse"   动画重复的模式；reverse：动画结束后再从结束状态颠倒回去，restart：动画结束后重新开始动画

然后就可以在类中调用了，具体用法：

 //要使用动画的控件        ImageView imageView = (ImageView) findViewById(R.id.main_imageview);        //得到动画对象，传两个参数，参数1：context上下文对象；参数2：animation        Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha);        //开始动画        imageView.startAnimation(animation);

代码动态设置

//动画的控件                ImageView imageView = (ImageView) findViewById(R.id.main_imageview);                //拿到动画实例对象，传入fromAlpha和toAlpha                AlphaAnimation animation = new AlphaAnimation(1, 0);                // 设置执行的时间                animation.setDuration(1000);                // 设置动画重复的次数                animation.setRepeatCount(2);                // 设置动画重复的模式                animation.setRepeatMode(Animation.REVERSE);                // 设置动画结束以后得状态                animation.setFillAfter(false);                //开始动画                imageView.startAnimation(animation);

以上两种代码实现的效果是一样的，效果为：

移动补间动画(TranslateAnimation)

XML静态设置

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">    <translate        android:duration="1000"        android:fromXDelta="0"        android:fromYDelta="0"        android:repeatCount="2"        android:repeatMode="reverse"        android:toXDelta="400"        android:toYDelta="500" /></set>

android:duration="1000" 动画持续时间

android:fromXDelta="0"   起始位置是相对于控件偏移量为X坐标的位置,0代表控件当前的位置,传负数为当前控件位置的左边为动画起始位置,反之则反

android:fromYDelta="0"  起始位置是相对于控件偏移量为Y坐标的位置,0代表控件当前的位置,传负数为控件向上的位置为起始位置,反之则反

android:toXDelta="400"  动画结束时相对于控件X轴的偏移量,400就是控件项右边偏移了400

android:toYDelta="500"  同上,向下偏移了500

android:repeatCount = "2"   动画的重复次数

android:repeatMode = "reverse"   动画重复的模式；reverse：动画结束后再从结束状态颠倒回去，restart：动画结束后重新开始动画

代码动态设置

//动画的控件                ImageView imageView = (ImageView) findViewById(R.id.main_imageview);                //参数分别是:fromXDelta,toXDelta,fromYDelta,toYDelta                TranslateAnimation animation = new TranslateAnimation(0, 400, 0, 500);                // 设置执行的时间                animation.setDuration(1000);                // 设置动画重复的次数                animation.setRepeatCount(2);                // 设置动画重复的模式                animation.setRepeatMode(Animation.REVERSE);                //开始动画                imageView.startAnimation(animation);

以上两种代码实现的效果是一样的，效果为:

缩放补间动画(ScaleAnimation)

XML静态设置

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">    <scale        android:duration="1000"        android:fromXScale="0"        android:fromYScale="0"        android:toXScale="2"        android:toYScale="2"        android:pivotX="50%"        android:pivotY="50%"        android:repeatCount="2"        android:repeatMode="reverse"/></set>

android:fromXScale="0"   动画起始时控件X轴的大小,0代表起始动画时控件X轴的大小为控件的0倍,传入几就是几倍

android:fromYScale="0"   动画起始时控件X轴的大小,0代表起始动画时控件Y轴的大小为控件的0倍,传入几就是几倍

android:toXScale="2"       动画结束时控件X轴的大小,2代表结束时,控件X轴的大小是控件原来大小的2倍大

android:toYScale="2"动画结束时控件Y轴的大小,2代表结束时,控件Y轴的大小是控件原来大小的2倍大

androi:pivotX="50%" 动画相对于控件的X坐标的开始位置,控制偏移量的     50%就是控件的X轴方向的中点位置

androi:pivotY="50%" 动画相对于控件的Y坐标的开始位置,控制偏移量的 50%就是控件的Y轴方向的中点位置 

代码动态设置

 //动画的控件                ImageView imageView = (ImageView) findViewById(R.id.main_imageview);                //参数分别是:fromXScale,toXScale,fromYScale,toYScale,                // 相对于谁Animation.RELATIVE_TO_SELF相对于自己,                // 0.5f就是动画相对于控件的X坐标的开始位置,控制偏移量的                ScaleAnimation animation = new ScaleAnimation(0, 2, 0, 2, Animation.RELATIVE_TO_SELF,                        0.5f, Animation.RELATIVE_TO_SELF, 0.5f);                        // 设置执行的时间                animation.setDuration(1000);                // 设置动画重复的次数                animation.setRepeatCount(2);                // 设置动画重复的模式                animation.setRepeatMode(Animation.REVERSE);                //开始动画                imageView.startAnimation(animation);

以上两种代码实现的效果是一样的，效果为:

旋转补间动(RotateAnimation)

XML静态设置

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >    <rotate        android:duration="1000"        android:fromDegrees="0"        android:pivotX="50%"        android:pivotY="50%"        android:repeatCount = "2"        android:repeatMode="reverse"        android:toDegrees="360" /></set>

android:fromDegrees="0"  动画开始时的角度

android:toDegrees="0"  动画要旋转多少度

androi:pivotX="50%" 动画相对于控件的X坐标的开始位置,控制偏移量的     50%就是控件的X轴方向的中点位置

androi:pivotY="50%" 动画相对于控件的Y坐标的开始位置,控制偏移量的 50%就是控件的Y轴方向的中点位置 

代码中调用:略

代码动态设置

 ImageView imageView = (ImageView) findViewById(R.id.main_imageview);                RotateAnimation animation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f,                        Animation.RELATIVE_TO_SELF, 0.5f);                // 设置执行的时间                animation.setDuration(1000);//                // 设置动画重复的次数                animation.setRepeatCount(2);//                // 设置动画重复的模式                animation.setRepeatMode(Animation.REVERSE);//                //开始动画                imageView.startAnimation(animation);

效果如下

如果将属性修改为:

 android:pivotY="150%"

旋转的中心点沿Y轴偏移了150%,则效果为:

混合使用

可以2个或者多个一起混合使用

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >    <rotate        android:duration="1000"        android:fromDegrees="0"        android:pivotX="50%"        android:pivotY="50%"        android:repeatMode="reverse"        android:toDegrees="360" />    <scale        android:duration="1000"        android:fromXScale="0"        android:fromYScale="0"        android:pivotX="50%"        android:pivotY="50%"        android:repeatMode="reverse"        android:toXScale="1"        android:toYScale="1" />    <translate        android:duration="1000"        android:fromXDelta="-300"        android:repeatMode="reverse"        android:toXDelta="0" /></set>

效果为:

简单的使用

在Activity跳转的简单使用,我们可以设置进入的Activity和出去的Activity的动画,先看一下效果:

首先创建两个动画的XM文件,里面的代码分别为:

进去的动画:

<?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:repeatMode="reverse"        android:toDegrees="720" />    <scale        android:duration="2000"        android:fromXScale="0"        android:fromYScale="0"        android:pivotX="50%"        android:pivotY="50%"        android:repeatMode="reverse"        android:toXScale="1"        android:toYScale="1" />    <translate        android:duration="2000"        android:fromXDelta="-300"        android:repeatMode="reverse"        android:toXDelta="0" /></set>

出去的动画为:

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >    <translate        android:duration="1000"        android:fromXDelta="0"        android:fromYDelta="0"        android:toYDelta="900"        android:toXDelta="900" /></set>

然后在跳转的时候使用,具体代码为:

  Intent intent = new Intent(MainActivity.this, AnimationActivity.class);                startActivity(intent);                overridePendingTransition(R.anim.in,R.anim.out);

有更多的知识点以后再来补充,欢迎指正