本文介绍了View动画的各种效果,并实现自定义动画的效果。主要包括以下部分:
1.view动画-透明动画效果(AlphaAnimation)
2.View动画-旋转动画效果(RotateAnimation)
3.View动画-移动动画效果(TranslateAnimation)
4.View动画-缩放动画效果(ScaleAnimation)
5.View动画-动画效果的混合
6.View动画-动画效果的侦听
7.View动画-自定义动画效果
详细代码:github.com/Baolvlv/LearnAndroid/tree/master/ViewAnimation
1.view动画-透明动画效果(AlphaAnimation)
对button设置事件监听器后,可以通过代码或xml文件的方式,添加透明动画效果
(1)通过代码的方式添加动画
//设置透明动画,透明度0-1
AlphaAnimation aa =newAlphaAnimation(0,1);
//设置动画的时间长度
aa.setDuration(1000);
v.startAnimation(aa);
(2)通过xml文件的方式
在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立alpha标签,编写透明动画的效果
http://schemas.android.com/apk/res/android">
android:toAlpha="1"
android:duration="1000">
而后在事件监听器中,添加xml的动画效果
v.startAnimation(AnimationUtils.loadAnimation(getApplication(),R.anim.aa));
2.View动画-旋转动画效果(RotateAnimation)
(1)通过代码的方式添加动画
初始化RotateAnimation变量,设置旋转角度与旋转中心
ra=newRotateAnimation(0,360,100,50);//后两个参数为中心点的像素
//设置相对于控件自身中心点(比例 0.5f)
ra=newRotateAnimation(0,360,RotateAnimation.RELATIVE_TO_SELF,0.5f,RotateAnimation.RELATIVE_TO_SELF,0.5f);
//设置动画时间为1秒
ra.setDuration(1000);
在事件监听器中开始动画
v.startAnimation(ra);
(2)通过xml文件的方式
在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立rotate标签,编写旋转动画的效果
http://schemas.android.com/apk/res/android">
android:toDegrees="360"
android:duration="1000"
android:pivotX="50%"
android:pivotY="50%">
在事件监听器中开始动画
v.startAnimation(AnimationUtils.loadAnimation(getApplication(),R.anim.ra));
3.View动画-移动动画效果(TranslateAnimation)
(1)通过代码的方式添加动画
初始化TranslateAnimation变量,设置相对于自身初始位置的位移量
//相对于当前自身位置移动一个增量
ta=newTranslateAnimation(0,200,0,200);
ta.setDuration(1000);
在事件监听器中开始动画
v.startAnimation(ta);
(2)通过xml文件的方式
在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立translate标签,编写位移动画的效果
http://schemas.android.com/apk/res/android"
android:fromXDelta="0"
android:toXDelta="200"
android:fromYDelta="0"
android:toYDelta="200"
android:duration="1000">
在事件监听器中开始动画
v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.ta));
4.View动画-缩放动画效果(ScaleAnimation)
(1)通过代码的方式添加动画
初始化ScaleAnimation变量,设置缩放比例与缩放中点位置
//相对于控件自身的(100,50)像素位置,从原大小放大至两倍
sa=newScaleAnimation(1,2,1,2,100,50);
//相对于自身位置中心点从0放大到1
sa=newScaleAnimation(0,1,0,1,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
sa.setDuration(1000);
在事件监听器中开始动画
v.startAnimation(sa);
(2)通过xml文件的方式
在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立scale标签,编写位缩放画的效果
http://schemas.android.com/apk/res/android"
android:fromXScale="0"
android:toXScale="1"
android:fromYScale="0"
android:toYScale="1"
android:pivotX="50%"
android:pivotY="50%"
android:duration ="1000">
在事件监听器中开始动画
v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.sa));
5.View动画-动画效果的混合
(1)通过代码的方式添加动画
初始化AnimationSet类的对象as
//AnimationSet可储存多个动画
privateAnimationSetas;
实例化as,设置动画补间
//是否共用动画补间:true;动画补间:动画是加速还是匀速执行
as=newAnimationSet(true);
as.setDuration(1000);
其余每个单独动画与原来设置一样,设置完后添入AnimationSet中
AlphaAnimation aa =newAlphaAnimation(0,1)
aa.setDuration(1000);
as.addAnimation(aa);
TranslateAnimation ta =newTranslateAnimation(200,0,200,0);
ta.setDuration(1000);
as.addAnimation(ta);
在事件监听器中开始动画
v.startAnimation(as);
(2)通过xml文件的方式
在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立set主标签,设置动画补间与动画时间。在主标签下分别编写每个动画的标签,并完成相关设置
http://schemas.android.com/apk/res/android"
android:shareInterpolator="true"
android:duration="1000">
android:toAlpha="1"/>
android:toXDelta="0"
android:fromYDelta="200"
android:toYDelta="0"/>
在事件监听器中开始动画
v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.anim));
6.View动画-动画效果的侦听
通过对Animation对象setAnimationListener,对动画效果进行侦听,会override动画开始,动画结束与动画重复三个函数,在相应的函数中完成操作
Animation a = AnimationUtils.loadAnimation(MainActivity.this,R.anim.anim);
a.setAnimationListener(newAnimation.AnimationListener() {
@Override
public voidonAnimationStart(Animation animation) {
}
@Override
public voidonAnimationEnd(Animation animation) {
Toast.makeText(MainActivity.this,"Animation end",Toast.LENGTH_SHORT).show();
}
@Override
public voidonAnimationRepeat(Animation animation) {
}
});
7.View动画-自定义动画效果
自定义一个类继承自Animation,override initialize方法与applyTransformation方法
//获取目标容器于父级容器的宽高
@Override
public voidinitialize(intwidth, intheight, intparentWidth, intparentHeight) {
super.initialize(width,height,parentWidth,parentHeight);
//在动画开始时,initialize方法先执行,获取到目标对象的宽高
//设置变化形态
@Override
protected voidapplyTransformation(floatinterpolatedTime,Transformation t) {
//参数interpolatedTime为补间时间,动画开始时为0,结束时为1,动画过程中从0到1变化
//参数Transformation可以设置变化的形态, 如设置透明
//t.setAlpha(interpolatedTime);
//设置其他的变化getMatrix
// 用最终位置乘interpolatedTime,进行到最终位置的缓慢移位
// t.getMatrix().setTranslate(200*interpolatedTime,200*interpolatedTime);
//以10为振幅的左右周期震动
t.getMatrix().setTranslate((float) (Math.sin(interpolatedTime*10)*10),0);
super.applyTransformation(interpolatedTime,t);
而后在主activity中实例化类,在事件监听器中startAnimation即可