用xml来编写动画

清疚 2022-01-27 14:13 122阅读 0赞

我们可以使用代码来编写所有的动画功能，这也是最常用的一种做法。不过，过去的补间动画除了使用代码编写之外也是可以使用XML编写的，因此属性动画也提供了这一功能，即通过XML来完成和代码一样的属性动画功能。

通过XML来编写动画可能会比通过代码来编写动画要慢一些，但是在重用方面将会变得非常轻松，比如某个将通用的动画编写到XML里面，我们就可以在各个界面当中轻松去重用它。

如果想要使用XML来编写动画，首先要在res目录下面新建一个animator文件夹，所有属性动画的XML文件都应该存放在这个文件夹当中。然后在XML文件中我们一共可以使用如下三种标签：

*  <animator> 对应代码中的ValueAnimator
 *  <objectAnimator> 对应代码中的ObjectAnimator
 *  <set> 对应代码中的AnimatorSet

那么比如说我们想要实现一个从0到100平滑过渡的动画，在XML当中就可以这样写：

**\[html\]** [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****animator**xmlns:android="http://schemas.android.com/apk/res/android"
2.  android:valueFrom="0"
3.  android:valueTo="100"
4.  android:valueType="intType"**/>**

而如果我们想将一个视图的alpha属性从1变成0，就可以这样写：

**\[html\]** [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****objectAnimator**xmlns:android="http://schemas.android.com/apk/res/android"
2.  android:valueFrom="1"
3.  android:valueTo="0"
4.  android:valueType="floatType"
5.  android:propertyName="alpha"**/>**

其实XML编写动画在可读性方面还是挺高的，上面的内容相信不用我做解释大家也都看得懂吧。

另外，我们也可以使用XML来完成复杂的组合动画操作，比如将一个视图先从屏幕外移动进屏幕，然后开始旋转360度，旋转的同时进行淡入淡出操作，就可以这样写：

**\[html\]** [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****set**xmlns:android="http://schemas.android.com/apk/res/android"
2.  android:ordering="sequentially"**>**
3.  
4.  **<****objectAnimator**
5.  android:duration="2000"
6.  android:propertyName="translationX"
7.  android:valueFrom="-500"
8.  android:valueTo="0"
9.  android:valueType="floatType"**>**
10. **</****objectAnimator****>**
11. 
12. **<****set**android:ordering="together"**>**
13. **<****objectAnimator**
14. android:duration="3000"
15. android:propertyName="rotation"
16. android:valueFrom="0"
17. android:valueTo="360"
18. android:valueType="floatType"**>**
19. **</****objectAnimator****>**
20. 
21. **<****set**android:ordering="sequentially"**>**
22. **<****objectAnimator**
23. android:duration="1500"
24. android:propertyName="alpha"
25. android:valueFrom="1"
26. android:valueTo="0"
27. android:valueType="floatType"**>**
28. **</****objectAnimator****>**
29. **<****objectAnimator**
30. android:duration="1500"
31. android:propertyName="alpha"
32. android:valueFrom="0"
33. android:valueTo="1"
34. android:valueType="floatType"**>**
35. **</****objectAnimator****>**
36. **</****set****>**
37. **</****set****>**
38. 
39. **</****set****>**

这段XML实现的效果和我们刚才通过代码来实现的组合动画的效果是一模一样的，每个参数的含义都非常清楚，相信大家都是一看就懂，我就不再一一解释了。

最后XML文件是编写好了，那么我们如何在代码中把文件加载进来并将动画启动呢？只需调用如下代码即可：

**\[java\]** [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  Animator animator = AnimatorInflater.loadAnimator(context, R.animator.anim\_file); 
2.  animator.setTarget(view); 
3.  animator.start();

调用AnimatorInflater的loadAnimator来将XML动画文件加载进来，然后再调用setTarget()方法将这个动画设置到某一个对象上面，最后再调用start()方法启动动画就可以了，就是这么简单。

[view plain]: http://blog.csdn.net/guolin_blog/article/details/43536355#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/639239
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/639239/fork