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"?>@H_502_11@ <alpha xmlns:android="http://schemas.android.com/apk/res/android"@H_502_11@ android:fromAlpha="0.2"@H_502_11@ android:toAlpha="1"@H_502_11@ android:duration="2000">@H_502_11@ @H_502_11@ </alpha>@H_502_11@

@H_502_11@

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

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

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

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

guide1.startAnimation(animation);@H_502_11@

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

@H_502_11@

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

@H_502_11@

第二种，scale

属性设置：

<?xml version="1.0" encoding="utf-8"?>@H_502_11@ <scale xmlns:android="http://schemas.android.com/apk/res/android"@H_502_11@ android:fromXScale="0.2"@H_502_11@ android:toXScale="1.5"@H_502_11@ android:fromYScale="0.2"@H_502_11@ android:toYScale="1.5"@H_502_11@ android:duration="2000"@H_502_11@ android:pivotX="50%"@H_502_11@ android:pivotY="50%"@H_502_11@ android:interpolator="@android:anim/linear_interpolator"@H_502_11@ >@H_502_11@ @H_502_11@ @H_502_11@ @H_502_11@ </scale>@H_502_11@

@H_502_11@

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

第二参数：表示X要达到的坐标；

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

第四个参数：表示Y要达到的坐标；

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

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

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

@H_502_11@

第三种：rotate

属性设置：

<?xml version="1.0" encoding="utf-8"?>@H_502_11@ <rotate xmlns:android="http://schemas.android.com/apk/res/android"@H_502_11@ android:fromDegrees="0"@H_502_11@ android:toDegrees="360"@H_502_11@ android:pivotX="50%"@H_502_11@ android:pivotY="50%"@H_502_11@ android:duration="2000"@H_502_11@ android:repeatCount="infinite"@H_502_11@ android:repeatMode="restart"@H_502_11@ android:interpolator="@android:anim/linear_interpolator">@H_502_11@ @H_502_11@ @H_502_11@ @H_502_11@ </rotate>@H_502_11@

第一个参数：android:fromDegrees="0" 表示开始的角度，一般从0开始@H_502_11@ 第二个参数： android:toDegrees="360" 要选择多少度，360就是一圈，可以根据需要选择

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

android:repeatCount="infinite" 表示要选择的次数，这个表示无数次，就是一直在选择，根本停不下来@H_502_11@ android:repeatMode="restart" 表示选择一次结束后，重新开始的模式，restart是跟原先方向一样，reverse表示反向@H_502_11@

@H_502_11@

第四种：translate

属性设置：

@H_502_11@

<?xml version="1.0" encoding="utf-8"?>@H_502_11@ <translate xmlns:android="http://schemas.android.com/apk/res/android"@H_502_11@ android:fromXDelta="-20"@H_502_11@ android:toXDelta="0"@H_502_11@ android:fromYDelta="0"@H_502_11@ android:toYDelta="0"@H_502_11@ android:duration="2000"@H_502_11@ android:startOffset="2000"@H_502_11@ android:fillAfter="true"@H_502_11@ >@H_502_11@ </translate>@H_502_11@ 第一个参数：表示从X那个位置开始，一般以控件的左上角为原点，X、Y分别往右和往下为加，往左和往上为减。-20表示从X轴原点坐标20的位置

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

Y轴同理

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

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

@H_502_11@

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

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

猜你在找的XML相关文章