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


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








评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值