Android 补间动画xml法(一)

我们不仅可以在程序中通过代码来编写一个补间动画，也可以通过xml文件来定义一个补间动画，下面通过一个具体的DEMO来学习xml补间动画的编写。

新建工程

【File】——>【new】——>【Android Application Project】命名为：11_补间动画xml

编写布局

根据需求编写布局，效果如图1-1：



图1-1所示的页面与“10_补间动画”一致，在此就不展示该页面的xml代码了。下面我们要实现的是各个功能按钮的动画效果，

具体代码如下：
透明度编写
在资源文件下新建一个文件夹anim，再在该文件夹下创建一个alpha.xml文件，在该文件中定义透明度变化的动画效果，代码

如例1-1：
例1-1
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromAlpha="0"
        android:toAlpha="1.0"
        android:duration="2000"
        android:repeatCount="2"
        android:repeatMode="reverse">
</alpha>
复制代码
动画定义已经完成，我们接下来需要做的是：在activity中实现动画资源的加载。代码如例1-2所示：
例1-2
public void alpha(View view) {
        Animation aa = AnimationUtils.loadAnimation(this, R.anim.alpha);
        iv.setAnimation(aa);
}
复制代码
运行程序效果如图1-2所示：



旋转编写
在文件夹anim下新建一个rotate.xml文件，在该文件中定义旋转动画，代码如例1-3所示：
例1-3
<?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="2"
        android:repeatMode="reverse">
</rotate>
复制代码
由例1-3可知：图片会以自身的中心点为原点进行旋转，若以父窗体中心点为旋转中心，需要调整代码为：

android:pivotX="50%p" android:pivotY="50%p"
在Activity编写旋转按钮的点击事件，代码如例1-4：
例1-4
public void rotate(View view){
        Animation aa = AnimationUtils.loadAnimation(this, R.anim.rotate);
        iv.setAnimation(aa);
}
复制代码
运行程序，效果如图1-3所示：



本文版权归传智播客Android培训学院所有，欢迎转载，转载请注明作者出处。谢谢！

作者：传智播客Android培训学院

首发：http://www.itcast.cn/android/