您的位置:首页 > 其它

补间动画

2016-05-21 09:49 253 查看
补间动画(Tween Animation)



补间动画的优点是可以节省空间。补间动画与逐帧动画在本质上是不同的,逐帧动画通过连续播放图片来模拟动画的效果,而补间动画则是通过在两个关键帧之间补充渐变的动画效果来实现的。



补间动画能完成一系列简单的变化(如位置、尺寸、透明度、和旋转等)。例如,在你的程序中有一个ImageView组件,我们通过补间动画可以使该视图组件实现放大、缩小、旋转、渐变等。补间动画类位于android.view.animation包中,该包中包含了一些常用的动画实现类。

–Animation:动画抽象类,其他几个实现类继承该类。

–ScaleAnimation:控制尺寸变化的动画类。

–AlphaAnimation:控制透明度变化的动画类。

–RotateAnimation:控制旋转变化的动画类。

–TranslateAnimation:控制位置变化的动画类。

–AnimationSet:定义动画属性集合类。

–AnimationUtils:动画工具类。


我们可以以XML形式定义动画,也可以编码实现。

XML文件中必须有一个根元素,可以是<alpha>、<scale>、<translate>、<rotate>中的任意一个,也可以是<set>来管理一个由前面几个元素组成的动画集合。

<set>是一个动画容器,管理多个动画的群组,与之相对应的Java对象是AnimationSet。它有两个属性

android:interpolator代表一个插值器资源,可以引用系统自带插值器资源,也可以用自定义插值器资源,默认值是匀速插值器;稍后我会对插值器做出详细讲解。

android:shareInterpolator代表<set>里面的多个动画是否要共享插值器,默认值为true,即共享插值器,如果设置为false,那么<set>的插值器就不再起作用,我们要在每个动画中加入插值器。

<alpha>是渐变动画,可以实现fadeIn和fadeOut的效果,与之对应的Java对象是AlphaAnimation。

android:fromAlpha属性代表起始alpha值,浮点值,范围在0.0和1.0之间,分别代表透明和完全不透明;

android:toAlpha属性代表结尾alpha值,浮点值,范围也在0.0和1.0之间;

<scale>是缩放动画,可以实现动态调控件尺寸的效果,与之对应的Java对象是ScaleAnimation。

android:fromXScale属性代表起始的X方向上相对自身的缩放比例,浮点值,比如1.0代表自身无变化,0.5代表起始时缩小一倍,2.0代表放大一倍;

android:toXScale属性代表结尾的X方向上相对自身的缩放比例,浮点值;

android:fromYScale属性代表起始的Y方向上相对自身的缩放比例,浮点值;

android:toYScale属性代表结尾的Y方向上相对自身的缩放比例,浮点值;

android:pivotX属性代表缩放的中轴点X坐标,浮点值;

android:pivotY属性代表缩放的中轴点Y坐标,浮点值,对于这两个属性,如果我们想表示中轴点为图像的中心,我们可以把两个属性值定义成0.5或者50%。

<translate>是位移动画,代表一个水平、垂直的位移。与之对应的Java对象是TranslateAnimation。

android:fromXDelta属性代表起始X方向的位置;

android:toXDelta代表结尾X方向上的位置;

android:fromYScale属性代表起始Y方向上的位置;

android:toYDelta属性代表结尾Y方向上的位置,以上四个属性都支持三种表示方式:浮点数、num%、num%p;如果以浮点数字表示,代表相对自身原始位置的像素值;如果以num%表示,代表相对于自己的百分比,比如toXDelta定义为100%就表示在X方向上移动自己的1倍距离;如果以num%p表示,代表相对于父类组件的百分比。

<rotate>是旋转动画,与之对应的Java对象是RotateAnimation。

android:fromDegrees属性代表起始角度,浮点值,单位:度;

android:toDegrees属性代表结尾角度,浮点值,单位:度;

android:pivotX属性代表旋转中心的X坐标值;

android:pivotY属性代表旋转中心的Y坐标值;这两个属性也有三种表示方式,数字方式代表相对于自身左边缘的像素值,num%方式代表相对于自身左边缘或顶边缘的百分比,num%p方式代表相对于父容器的左边缘或顶边缘的百分比。

另外,在动画中,如果我们添加了android:fillAfter="true"后,这个动画执行完之后保持最后的状态;android:duration="integer"代表动画持续的时间,单位为毫秒。

如果以XML形式定义一个动画,我们按照动画的定义语法完成XML,并放置于/res/anim目录下,文件名可以作为资源ID被引用;

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false">
<alpha
android:duration="2000"
android:fillAfter="true"
android:fromAlpha="1"
android:repeatCount="2"
android:repeatMode="reverse"
android:toAlpha="0" >
</alpha>
<scale
android:duration="2000"
android:fillAfter="true"
android:fromXScale="0"
android:fromYScale="0"
android:repeatCount="2"
android:repeatMode="reverse"
android:toXScale="3"
android:toYScale="3" >
</scale>
<translate
android:duration="2000"
android:fillAfter="true"
android:fromXDelta="0"
android:fromYDelta="0%"
android:repeatCount="2"
android:repeatMode="reverse"
android:toXDelta="500%"
android:toYDelta="300%" >
</translate>
<rotate
android:duration="2000"
android:fillAfter="true"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="2"
android:repeatMode="reverse"
android:toDegrees="360" >
</rotate>
</set>

<span style="font-size:14px;">public void animationSet(View view) {
//加载动画集合文件
Animation animation = AnimationUtils.loadAnimation(this, R.anim.anim_set);
iv.setAnimation(animation);
animation.start();
}</span>


Java代码实现
<span style="font-size:14px;">public void animationSet2(View view) {
//创建AnimationSet实例
AnimationSet set = new AnimationSet(false);
//创建一个普通动画实例
AlphaAnimation aa = new AlphaAnimation(0.f, 1.f);
aa.setDuration(2000);
iv.setAnimation(aa);
//创建一个普通动画实例
Animation sa = new ScaleAnimation(1, 1.5f, 1, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
sa.setDuration(2000);
sa.setRepeatMode(Animation.REVERSE);
iv.setAnimation(sa);
//将普通动画实例添加到AnimationSet中
set.addAnimation(aa);
set.addAnimation(sa);
//启动集合动画
set.start();

}</span>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: