首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用xml来编写动画

用xml来编写动画

作者头像
xiangzhihong
发布2018-02-01 11:13:53
8120
发布2018-02-01 11:13:53
举报
文章被收录于专栏:向治洪向治洪

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

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

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

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

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

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

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

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

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

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

 <set xmlns:android="http://schemas.android.com/apk/res/android" 
  android:ordering="sequentially" > 
  
  <objectAnimator 
  android:duration="2000" 
  android:propertyName="translationX" 
  android:valueFrom="-500" 
  android:valueTo="0" 
  android:valueType="floatType" > 
  </objectAnimator> 
  
  <set android:ordering="together" > 
  <objectAnimator 
  android:duration="3000" 
  android:propertyName="rotation" 
  android:valueFrom="0" 
  android:valueTo="360" 
  android:valueType="floatType" > 
  </objectAnimator> 
  
  <set android:ordering="sequentially" > 
  <objectAnimator 
  android:duration="1500" 
  android:propertyName="alpha" 
  android:valueFrom="1" 
  android:valueTo="0" 
  android:valueType="floatType" > 
  </objectAnimator> 
  <objectAnimator 
  android:duration="1500" 
  android:propertyName="alpha" 
  android:valueFrom="0" 
  android:valueTo="1" 
  android:valueType="floatType" > 
  </objectAnimator> 
  </set> 
  </set> 
  
 </set> 

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

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

 Animator animator = AnimatorInflater.loadAnimator(context, R.animator.anim_file);  
 animator.setTarget(view);  
 animator.start();  

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-11-13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档