Android 提供三种动画:帧动画、补间动画和属性动画,本篇文章介绍帧动画以及补间动画的使用,属性动画的使用将在后面的文章中分享,那就来复习一下这两种动画的使用吧。
FrameAnimation
FrameAnimation 即逐帧动画,通俗来说就是按照图片动作顺序依次播放来形成动画,创建 FrameAnimation 可用 xml 定义也可直接使用代码创建。
xml创建帧动画
在 res/drawable 文件夹下创建一个 drawable 文件,使用 animation-list 标签,具体内容如下:
<?xml version="1.0" encoding="utf-8"?>
属性 oneshot 为 true 表示动画只能播放一次,false 表示动画循环播放,drawable 是当前动作对应的图片,duration 是其持续时间,duration 长度影响动画播放的快慢,然后在 Activity 中使用获取该 drawable 文件对应的 AnimationDrawable,然后使用 AnimationDrawable 对象来控制动画的状态,参考如下:
//获取Frame动画文件对应的AnimationDrawable
代码创建帧动画
使用代码创建帧动画就是创建 AnimationDrawable 对象,然后在 AnimationDrawable 中添加对应的 Frame 即可,代码参考如下:
//代码创建Frame动画
FrameAnimation 效果如下:
TweenAnimation
TweenAnimation 即常说的补间动画,主要有以下几种:
- 位移动画(Translation)
- 缩放动画(Scale)
- 旋转动画(Rotate)
- 透明度动画(Alpha)
- 组合动画
上述动画都有自己特有的一下属性,下面来看一看这些动画通用的一些属性,具体如下:
<!--设置动画持续时间-->
android:duration="1200"
如果在代码中进行对应动画实现,这些属性也有对应的属性设置,直接设置即可。
位移动画(Translate)
位移动画对 View 进行水平方向或垂直方向位置的平移,可指定起始位置和结束位置,可使用 xml 定义位移动画也可以使用代码创建位移动画,位移动画对应的 Animation 的子类是 TranslateAnimation。
xml定义位移动画:在 res/anim 下创建一个xml文件 translation_anim.xml,在该文件中定义位移动画如下:
<?xml version="1.0" encoding="utf-8"?>
上述 xml 文件定义了一个位移动画文件,其中位移动画自有的属性含义如下:
<!--水平方向动画开始的位置-->
android:fromXDelta="0"
然后在 Activity 中获取该 xml 文件对应的 TranslateAnimation,将其设置到想要设置位移动画的 View 上即可,具体如下:
private void translation(){
//获取在anim下定义的动画文件
TranslateAnimation translateAnimation = (TranslateAnimation) AnimationUtils.loadAnimation(this, R.anim.translation_anim);、
//设置并开启动画
ivImage.startAnimation(translateAnimation);
}
代码中创建位移动画:代码创建位移动画使用 Animation 的子类 TranslateAnimation,使用时直接创建 TranslateAnimation 对象即可,具体如下:
//代码创建位移动画
上面参数中使用的时像素的偏移量,API 还提供了针对 View 自身一个父 View 的百分比的设置方式,下面这种创建 TranslateAnimation 对象的方式和上面实现的效果是一样的。具体如下:
/**
使用时可根据需要选择合适的构造方式创建 TranslateAnimation,测试效果如下:
缩放动画(Scale)
缩放动画对 View 就是对视图进行一定程度的放大和缩小,可使用 xml 定义位移动画也可以使用代码创建位移动画,缩放动画对应的 Animation 的子类是 ScaleAnimation。
xml定义缩放动画:在 res/anim 下创建一个 xml 文件 scale_anim.xml,在里面定义缩放动画,具体如下:
<?xml version="1.0" encoding="utf-8"?>
上述 xml 文件定义了一个缩放动画文件,其中缩放动画自有的属性含义如下:
<!--设置水平方向上的起始缩放倍数-->
android:fromXScale="1"
其中 pivotX 和 pivotY 有三种设置方式:
- 数字:如50表示缩放中心相较 View 原点偏移 50px
- 百分比:如 50% 表示缩放中心相较 View 原点偏移 View 自身大小的 50%
- 百分比p:如 50%p 表示缩放中心相较 View 原点偏移父 View 自身大小的 50%
然后在 Activity 中获取该 xml 文件对应的 ScaleAnimation,将其设置到想要设置位移动画的 View 上即可,具体如下:
private
代码创建缩放动画:代码创建缩放动画使用 Animation 的子类 ScaleAnimation,使用时直接创建 ScaleAnimation 对象即可,具体如下:
//代码创建缩放动画
至于参数中的 pivotXType 和 pivotYType 和在上文中已经提到过,这里就不在赘述,测试效果如下:
旋转动画(Rotate)
旋转动画对 View 就是对视图角度进行旋转,可使用 xml 定义旋转动画也可以使用代码创建旋转动画,旋转动画对应的 Animation 的子类是 RotateAnimation。
xml定义旋转动画:在 res/anim 下创建一个 xml 文件 rotate_anim.xml,在里面定义缩放动画,具体如下:
<?xml version="1.0" encoding="utf-8"?>
上述 xml 文件定义了一个旋转动画文件,其中缩放动画自有的属性含义如下:
<!--设置动画开始时的角度,正数表示顺时针,负数表示逆时针-->
android:fromDegrees="0"
其中 pivotX 和 pivotY 有三种设置方式在上文中已经说明。然后在 Activity 中获取该 xml 文件对应的 RotateAnimation,将其设置到想要设置旋转动画的 View 上即可,具体如下:
private
代码创建旋转动画:代码创建旋转动画使用 Animation 的子类 RotateAnimation,使用时直接创建 RotateAnimation 对象即可,具体如下:
//代码创建旋转动画
测试效果如下:
透明度动画(Alpha)
透明度动画就是修改 View 的透明度,可使用 xml 定义透明度动画也可以使用代码创建透明度动画,透明度动画对应的 Animation 的子类是 AlphaAnimation。
xml定义透明度动画:在 res/anim 下创建一个 xml 文件 alpha_anim.xml,在里面定义缩放动画,具体如下:
<?xml version="1.0" encoding="utf-8"?>
上述 xml 文件定义了一个透明度动画文件,其中透明度动画自有的属性含义如下:
<!--设置动画的开始透明度,0表示透明,1表示不透明-->
android:fromAlpha="1"
然后在 Activity 中获取该 xml 文件对应的 AlphaAnimation,将其设置到想要设置旋转动画的 View 上即可,具体如下:
private
代码创建透明度动画:代码创建透明度动画使用 Animation 的子类 AlphaAnimation,使用时直接创建 AlphaAnimation 对象即可,具体如下:
//代码创建透明度动画
private void alpha(){
AlphaAnimation alphaAnimation = new AlphaAnimation(1.0f,0.0f);
alphaAnimation.setRepeatMode(Animation.RESTART);
alphaAnimation.setDuration(1500);
alphaAnimation.setRepeatCount(3);
// alphaAnimation.setInterpolator(this,android.R.anim.accelerate_decelerate_interpolator);
// translateAnimation.setInterpolator(new AccelerateInterpolator());
//...
ivImage.startAnimation(alphaAnimation);
}
透明度动画测试效果如下:
到此为止,位移、缩放、旋转、透明度动画的内容介绍完了,除了单独使用这些动画,还可以组合这些动画实现更复杂的动画,
组合动画
组合动画使用 AnimationSet 来实现,可使用 xml 定义组合动画也可以使用代码创建组合动画,透明度动画对应的 Animation 的子类是 AnimationSet。
xml定义组合动画:在 res/anim 下创建一个 xml 文件 combine_anim.xml,在里面定义组合动画,具体如下:
<?xml version="1.0" encoding="utf-8"?>
然后在 Activity 中获取该 xml 文件对应的 AnimationSet,将其设置到想要设置旋转动画的 View 上即可,具体如下:
private
代码创建组合动画:代码创建组合动画使用 Animation 的子类 AnimationSet,使用时直接创建 AnimationSet 对象,将要组合的动画按序添加到 AnimationSet 中,具体如下:
//代码创建组合动画
组合动画测试效果如下:
总结
这篇文章总结了 Android 开发中帧动画(FrameAnimation)和补间动画(TweenAnimation)的使用,下一篇将会介绍属性动画(ObjectAnimator ).