1.简介
Android的补间动画TweenAnimation由四种类型组成:alpha、scale、translate、rotate,对应android官方文档地址:《Animation
Resources》
逐帧动画 FrameAnimation(也称Drawable
Animation):animation-list
alpha
渐变透明度动画效果
scale
渐变尺寸伸缩动画效果
translate
画面转换位置移动动画效果
rotate
画面转移旋转动画效果
animation-list :通过几张图片的播放展示动画
2 .使用
1 .在工程的位置 : res/anim文件夹下 帧动画 res/drawable文件夹
2. 使用方式: R.anim.***你的名字 ,帧动画 R.drawable.***你的名字
3.各个击破
1.alpha(透明度渐变)
淡出效果
android:duration="500"
android:fromAlpha="1.0"
android:toAlpha="0.0" />fromAlpha:开始时透明度 toAlpha:结束时透明度 duration:动画持续时间
其他的一些属性
android:fillAfter如果设置为true,控件动画结束时,将保持动画最后时的状态android:fillBefore如果设置为true,控件动画结束时,还原到开始动画前的状态android:fillEnabled与android:fillBefore 效果相同,都是在动画结束时,将控件还原到初始化状态android:repeatCount重复次数android:repeatMode重复类型,有reverse和restart两个值,reverse表示倒序回放,restart表示重新放一遍,必须与repeatCount一起使 用才能看到效果。因为这里的意义是重复的类型,即回放时的动作。android:interpolator设定插值器,其实就是指定的动作效果,比如弹跳效果等,不在这小节中讲解,后面会单独列出一单讲解。
2.scale(尺寸伸缩)
android:interpolator= "@android:anim/decelerate_interpolator"
android:duration="10000"
android:fromXScale="0.0"
android:fromYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="1"
android:repeatMode="reverse"
android:startOffset="0"
android:toXScale="1.5"
android:toYScale="1.5" />
interpolator指定动画插入器,常见的有加速减速插入器accelerate_decelerate_interpolator,加速插入器elerate_interpolator,减速插入器decelerate_interpolator。
fromXScale,fromYScale,动画开始前X,Y的缩放,0.0为不显示,1.0为正常大小
toXScale,toYScale,动画最终缩放的倍数,1.0为正常大小,大于1.0放大
pivotX,pivotY动画起始位置,相对于屏幕的百分比,两个都为50%表示动画从屏幕中间开始
startOffset,动画多次执行的间隔时间,如果只执行一次,执行前会暂停这段时间,单位毫秒 duration,一次动画效果消耗的时间,单位毫秒,值越小动画速度越快
repeatCount,动画重复的计数,动画将会执行该值+1次
repeatMode,动画重复的模式,reverse为反向,当第偶次执行时,动画方向会相反。restart为重新执行,方向不变
3.translat(位置转换)
android:duration="10000"
android:fromXDelta="320"
android:fromYDelta="480"
android:toXDelta="0"
android:toYDelta="0" />
fromXDelta,fromYDelta 起始时X,Y座标,屏幕右下角的座标是X:320,Y:480
toXDelta,toYDelta 动画结束时X,Y的座标
在这些属性里面还可以加上%和p,例如:
Android:toXDelta="100%",表示自身的100%,也就是从View自己的位置开始。
android:toXDelta="80%p",表示父层View的80%,是以它父层View为参照的。
4.rotate(旋转)
android:duration="10000"
android:fromDegrees="300"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:pivotX="10%"
android:pivotY="100%"
android:toDegrees="-360" />duration 时间 fromDegrees开始时的角度 toDegrees动画结束时角度 结束时旋转到的角度位置,正值代表顺时针方向度数,负值代码逆时针方向度数
android:interpolator设定插值器,其实就是指定的动作效果,比如弹跳效果等,
android:pivotX缩放起点X轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p,android:pivotY缩放起点Y轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%pandroid:fillAfter如果设置为true,控件动画结束时,将保持动画最后时的状态android:fillBefore如果设置为true,控件动画结束时,还原到开始动画前的状态android:fillEnabled与android:fillBefore 效果相同,都是在动画结束时,将控件还原到初始化状态android:repeatCount重复次数android:repeatMode重复类型,有reverse和restart两个值,reverse表示倒序回放,restart表示重新放一遍,必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型,即回放时的动作。
4.组合
如果想将这些动画进行组合的话使用 set
android:duration="3000"
android:fillAfter="true">
android:fromAlpha="0.0"
android:toAlpha="1.0"/>
android:fromXScale="0.0"
android:toXScale="1.4"
android:fromYScale="0.0"
android:toYScale="1.4"
android:pivotX="50%"
android:pivotY="50%"/>
android:fromDegrees="0"
android:toDegrees="720"
android:pivotX="50%"
android:pivotY="50%"/>
android:duration动画持续时间,以毫秒为单位android:fillAfter如果设置为true,控件动画结束时,将保持动画最后时的状态android:fillBefore如果设置为true,控件动画结束时,还原到开始动画前的状态android:fillEnabled与android:fillBefore 效果相同,都是在动画结束时,将控件还原到初始化状态android:repeatCount重复次数android:repeatMode重复类型,有reverse和restart两个值,reverse表示倒序回放,restart表示重新放一遍,必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型,即回放时的动作。android:interpolator设定插值器,其实就是指定的动作效果,比如弹跳效果等,不在这小节中讲解,后面会单独列出一单讲解。
5帧动画 animation-list
android:oneshot="false" >
android:drawable="@drawable/tutorial1_icon1"
android:duration="200"/>
android:drawable="@drawable/tutorial1_icon2"
android:duration="200"/>
5.控件的使用
补间动画TweenAnimation
Animation
animation = AnimationUtils.loadAnimation(mContext, R.anim.scanim);
textView.startAnimation(scaleAnimation)
动画加监听
alpha.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
});
帧动画的使用
imageView.setImageResource(R.drawable.t1_frame_animation);
AnimationDrawableanimationDrawable = (AnimationDrawable)imageView.getDrawable();
t1_icon1_animationDrawable.start();
动画的xml同样可以设置给 src 属性,然后调用 getDrawble().start() 来播放动画
帧动画停下来
if(animationDrawable.isRunning()){
animationDrawable.stop();
}
致谢
这篇文章主要参考了http://blog..net/harvic880925/article/details/39996643 这里表示感谢