安豆计算器 第9节 动画效果

第9节 动画效果

当用户点击了以后,为了让结果区域的显示和表达式区域的清空显得很优雅,我们可以为它们添加淡如淡出的效果:让结果区域的文字淡入,让表达式区域的文字淡出。

这种效果可以使用动画实现。

安卓系统的动画可以分成,

  1. 逐帧动画:就像电影胶片那样,通过连续放映一张一张差距不大的图片实现动画效果;
  2. 属性动画:一点点改变控件的某个属性值,从而产生动画的视觉效果;
  3. 渐变动画:产生控件的透明效果 平移效果 缩放效果或者旋转效果

我们准备加入的文字淡入淡出效果,就是渐变动画的透明效果

9.1 定义动画

  1. 项目浏览框,找到res目录,点击右键,选择new->android resource file;

  2. 在对应栏位按照下图填写,创建一个淡入动画;

  3. 打开刚创建好的xml文件,定义淡入动画;android:fromAlpha指定动画开始时,动画对象的透明度;android:toAlpha指定动画结束时,动画对象的透明度;android:duration指定了动画持续的时间,单位是毫秒;android:interpolator指定了动画显示过程中变化的速度;

  4. 根据前面的操作,继续创建一个淡出动画,叫做fade_out

9.2 使用动画

9.2.1 使用淡入效果

  1. 在源码中,使用AnimationUtils.loadAnimation()函数加载我们定义的动画;
  2. 为要使用动画的对象通过startAnimation()方法设置对象;

9.2.2 使用淡出效果

如果使用9.2.1中的方式,直接对对象使用淡出效果,会发现对象一开始就消失不见了,而不是逐步消失的。因为在动画开始之前,我们就已经通过formula.setText("");将表达式区域设置成空了。因此,需要在淡出动画完成后,再把表达式区域设置成空。

  1. 在源码中,使用AnimationUtils.loadAnimation()函数加载我们定义的动画;
  2. 为动画添加监听,掌握动画进行的过程;
  3. 在动画结束时,将表达式区域设置成空;

至此,整个动画的添加就完成了,运行程序,开始计算操作,可以看到动画效果了。