您的位置:首页 > 移动开发 > Android开发

Android中的补间动画(tween)的简单使用

2014-06-24 22:35 453 查看
相对帧动画,补间动画(tween)可以这么理解:我们不必像帧动画一样指定动画的每一帧,只需定义一个动画的开始和结束关键帧,而中间变化的帧由系统帮我们计算。
tween动画可以分为下面几种:
AlphaAnimation(透明渐变动画):

示例:res/anim/alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fillAfter="true"
android:fromAlpha="0.0"
android:repeatCount="1"
android:repeatMode="reverse"
android:toAlpha="1.0" >

</alpha>
属性介绍:
duration:动画持续的时间
fromAlpha:渐变开始值,Float 0.0完全透明 1.0完全不透明
toAlpha:渐变结束值
repeatCount: 动画重复次数
repeatMode:动画重复模式,["repeat"|"reverse"] repeat(透明-不透明 透明-不透明)
reverse(透明-不透明 不透明-透明)
开始动画:
Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);
iv.startAnimation(animation);    //使用ImageView的startAnimation开始动画
ScaleAnimation(缩放动画):

res/anim/scale.xml
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fillAfter="false"
android:fromXScale="0.2"
android:fromYScale="0.2"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="1"
android:repeatMode="reverse"
android:toXScale="2.0"
android:toYScale="2.0" >

</scale>
主要属性说明:
fromXScale,fromYScale: 动画开始时缩放比(x,y轴)
toXScale,toYscale: 动画结束时缩放比
pivotX,pivotY:缩放中心点 (50%,50%)则为自身中心点(0,0)左上方

TranslateAnimation(位移动画):
res/anim/translate.xml
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="-50%p"
android:fromYDelta="0.0"
android:toXDelta="50%p"
android:toYDelta="0.0"
android:repeatCount="1"
android:repeatMode="reverse"
android:duration="2000"
>

</translate>
fromXDelta fromYDelta:开始位置坐标,可以是Float值和百分比 50%p以父容器为参考
toXDelta toYDelta: 结束位置坐标
RotateAnimation(旋转动画):
res/anim/rotate.xml
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:toDegrees="360"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="1"
android:repeatMode="reverse"
android:duration="2000" >

</rotate>
属性介绍:
fromDegrees:旋转开始角度
toDegrees:旋转结束角度,
pivotX pivotY:旋转中心点
上面动画实现以自身中心点为基准点旋转360度
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: