您的位置:首页 > 其它

Tween Animation 补间动画 xml中的简单实现

2014-09-18 21:24 239 查看
首先 Tween Animation 一共有四种,分别为Alpha,scale,rotate,translate(透明度,伸缩,旋转,以及位移).

第一种,Alpha

步骤:

1、在res资源下注册一个xml文件。Type选择 Tween Animation.然后 会出现5种Root Element,选择Alpha。

2、接着就是Alpha的一些属性设置了。

<?xml version="1.0" encoding="utf-8"?>

<alpha xmlns:android="http://schemas.android.com/apk/res/android"

android:fromAlpha="0.2"

android:toAlpha="1"

android:duration="2000">

</alpha>

最经常用到的是这三个 。第一个参数表示刚开始的透明度,第二个参数表示要达到的透明度,第三个参数则为持续时间了。

3、然后就是在activity界面添加动画效果

RelativeLayout guide1 = (RelativeLayout) findViewById(R.id.guide1);

Animation animation = AnimationUtils.loadAnimation(this,R.anim.alpha);

guide1.startAnimation(animation);

首先找到需要动画效果的控件,我这里是整个界面。然后得到动画对象,用动画工具类去获取这个动画xml文件,红色字体的第一步创建的xml文件。最后就是用这个控件的对象去startAnimation。这样运行一下,就可以看到效果了。

这四种动画其实创建方式都是一样的,需要哪个就在Root Element那边选择就可以了。接下来就说下其他三种的属性设置

第二种,scale

属性设置:

<?xml version="1.0" encoding="utf-8"?>

<scale xmlns:android="http://schemas.android.com/apk/res/android"

android:fromXScale="0.2"

android:toXScale="1.5"

android:fromYScale="0.2"

android:toYScale="1.5"

android:duration="2000"

android:pivotX="50%"

android:pivotY="50%"

android:interpolator="@android:anim/linear_interpolator"

>

</scale>

第一个参数:表示X要开始伸缩的坐标;

第二参数:表示X要达到的坐标;

第三个参数:表示Y要开始伸缩的坐标;

第四个参数:表示Y要达到的坐标;

第五个参数:持续时间(这是每个动画效果都要添加的,如果没有则不会出现动画效果,以下就不多说了)

第六个参数跟第七个参数:这是表示你要从图片的哪个坐标点开始伸缩,范围0%~100%; 50%即表示图片中点;

第八个参数:加速器,即以什么方式达到这个动画的效果,我当前那个是表示匀速前进;

第三种:rotate

属性设置:

<?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:duration="2000"

android:repeatCount="infinite"

android:repeatMode="restart"

android:interpolator="@android:anim/linear_interpolator">

</rotate>

第一个参数:android:fromDegrees="0" 表示开始的角度,一般从0开始

第二个参数: android:toDegrees="360" 要选择多少度,360就是一圈,可以根据需要选择

上面说过的,这边就省略了。

android:repeatCount="infinite" 表示要选择的次数,这个表示无数次,就是一直在选择,根本停不下来

android:repeatMode="restart" 表示选择一次结束后,重新开始的模式,restart是跟原先方向一样,reverse表示反向

第四种:translate

属性设置:

<?xml version="1.0" encoding="utf-8"?>

<translate xmlns:android="http://schemas.android.com/apk/res/android"

android:fromXDelta="-20"

android:toXDelta="0"

android:fromYDelta="0"

android:toYDelta="0"

android:duration="2000"

android:startOffset="2000"

android:fillAfter="true"

>

</translate>

第一个参数:表示从X那个位置开始,一般以控件的左上角为原点,X、Y分别往右和往下为加,往左和往上为减。-20表示从X轴原点坐标20的位置

第二个参数:表示要位移到X的目标地方;

Y轴同理

android:startOffset="2000" 表示设置动画开始的时间

android:fillAfter="true" 表示动画效果结束后的位置,如果为true就是动画结束后的位置,如果为false就是动画开始前的位置。

以上就是对补间动画的一个简单介绍,因为这个不好效果截图,所以,有需要的同学可以自行实现下,希望能够提供一点点的帮助~~~~~~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: