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

首先 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就是动画开始前的位置。


以上就是对补间动画的一个简单介绍,因为这个不好效果截图,所以,有需要的同学可以自行实现下,希望能够提供一点点的帮助~~~~~~

相关文章

引言 NOKIA 有句著名的广告语:“科技以人为本”。任何技术都是为了满足人的生产生活需要而产生的。具体...
Writer:BYSocket(泥沙砖瓦浆木匠) 微博:BYSocket 豆瓣:BYSocket Reprint it anywhere u want. 文章...
Writer:BYSocket(泥沙砖瓦浆木匠) 微博:BYSocket 豆瓣:BYSocket Reprint it anywhere u want. 文章...
http://blog.jobbole.com/79252/ 引言 NOKIA 有句著名的广告语:“科技以人为本”。任何技术都是为了满...
(点击上方公众号,可快速关注) 公众号:smart_android 作者:耿广龙|loonggg 点击“阅读原文”,可查看...
一、xml与xslt 相信所有人对xml都不陌生,其被广泛的应用于数据数据传输、保存与序列化中,是一种极为强...