Android中的补间动画由5种类型组成：alpha、scale、translate、rotate、set。在实现方式上可以用XML和代码实现。
公共属性
- android:duration：动画时长，单位毫秒
- android:fillAfter：保持动画结束时的状态，为true时，动画执行结束则停留在结束的状态，false反之
- android:fillBefore：还原到初始状态，默认为true
- android:repeatMode：重复模式，有restart和reverse两种取值。restart表示每一次都是从头开始执行，reverse表示动画执行结束后会反向执行
- android:shareInterpolator：标签为set才有的属性，为true表示所有的公话公用一个插值器
- android:startOffset：开始延迟时间,单位毫秒
- android:repeatCount：动画重复次数，可以为整数或者infinite，infinite代表无限循环。需要注意的是此属性在set中是无效的，必须给每个动画单独设置才可以。
- android:interpolator：给动画设置插值器
这些XML属性在代码中都有对应的方法，都是一一对应的，因此不再赘述。
scale
XML方式实现
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXScale="0.0"
android:toXScale="1.4"
android:fromYScale="0.0"
android:toYScale="1.4"
android:duration="700"
android:pivotX="50%"
android:pivotY="50%">
</scale>
btn.setOnClickListener {
val scale = AnimationUtils.loadAnimation(this, R.anim.scale_anim)
tv.startAnimation(scale)
}
- android:fromXScale：动画开始时，控件在X轴方向上相对于自身的缩放比例 比如1.0表示自身无变化，0.5表示缩小一倍，2.0表示放大一倍
- android:toXScale：动画结束时，控件在X轴方向上相对于自身的缩放比例
- android:fromYScale：动画开始时，控件在Y轴方向上相对于自身的缩放比例
- android:toYScale：动画结束时，控件在Y轴方向上相对于自身的缩放比例
- android:pivotX：缩放起始点X轴坐标，可以是具体数值，百分数，百分数p。例如50代表在当前view的原点，也就是左上角加上50px的距离。50%表示相对于当前view的原点加上自身宽度的50%。50%p表示相对于当前view的原点加上父view宽度的50%为动画的起始点。
-
android:pivotY 缩放起始点Y轴坐标
代码方式实现
btn.setOnClickListener {
val scale = ScaleAnimation(
0.0f,
1.4f,
0.0f,
1.4f,
Animation.RELATIVE_TO_SELF,
0.5f,
Animation.RELATIVE_TO_SELF,
0.5f
)
scale.duration = 700
tv.startAnimation(scale)
}
alpha
XML方式实现
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:fromAlpha="1.0"
android:toAlpha="0.1"
android:duration="3000"
android:fillAfter="true">
</alpha>
btn.setOnClickListener {
val alpha = AnimationUtils.loadAnimation(this, R.anim.alpha_anim)
tv.startAnimation(alpha)
}
- android:fromAlpha：动画开始时的透明度，取值范围0.0~1.0，0.0代表完全透明，1.0代表完全不透明
-
android:toAlpha：动画结束时的透明度，取值范围0.0~1.0，0.0代表完全透明，1.0代表完全不透明
代码方式实现
btn.setOnClickListener {
val alpha = AlphaAnimation(1.0f, 0.1f)
alpha.duration = 3000
alpha.fillAfter = true
tv.startAnimation(alpha)
}
rotate
XML方式实现
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:toDegrees="180"
android:pivotX="50%"
android:pivotY="50%"
android:duration="2000"
android:fillAfter="true">
</rotate>
btn.setOnClickListener {
val rotate = AnimationUtils.loadAnimation(this, R.anim.rotate_anim)
tv.startAnimation(rotate)
}
- android:fromDegrees：动画开始旋转的起始度数，没有大小具体限制
-
android:toDegrees：动画结束时的旋转度数，如果结束度数减去起始度数为正，则顺时针旋转，反之逆时针旋转
android:pivotX：旋转中心点的X轴坐标 与scale一样，不再赘述
android:pivotY：旋转中心点的Y轴坐标
代码方式实现
btn.setOnClickListener {
val rotate = RotateAnimation(
0f,
180f,
Animation.RELATIVE_TO_SELF,
0.5f,
Animation.RELATIVE_TO_SELF,
0.5f
)
rotate.duration = 2000
rotate.fillAfter = true
tv.startAnimation(rotate)
}
translate
XML方式实现
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="0"
android:toXDelta="220"
android:fromYDelta="0"
android:toYDelta="220"
android:duration="1000"
android:fillAfter="true">
</translate>
btn.setOnClickListener {
val translate = AnimationUtils.loadAnimation(this, R.anim.translate_anim)
tv.startAnimation(translate)
}
- android:fromXDelta：起始点X轴坐标，数值，百分数，百分数p三种取值方式，与上面一样，不再赘述
- android:toXDelta：起始点Y轴坐标
- android:fromYDelta：终点X轴坐标
-
android:toYDelta：终点Y轴坐标
代码方式实现
btn.setOnClickListener {
val translate = TranslateAnimation(0f, 220f, 0f, 220f)
translate.duration = 1000
translate.fillAfter = true
tv.startAnimation(translate)
}
set
set是一个容器类标签，用于定义动画集。前面的4种只能完成特定的效果，而set则可以把这些效果组合起来，共同完成一个动画。
XML方式实现
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fillAfter="true">
<scale
android:fromXScale="0.0"
android:fromYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="1.6"
android:toYScale="1.6" />
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"/>
<rotate
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="720"/>
<translate
android:fromXDelta="0"
android:fromYDelta="100%p"
android:toXDelta="0"
android:toYDelta="30%p"/>
</set>
btn.setOnClickListener {
val set = AnimationUtils.loadAnimation(this, R.anim.set_anim)
tv.startAnimation(set)
}
代码方式实现
btn.setOnClickListener {
val scale = ScaleAnimation(
0.0f,
1.6f,
0.0f,
1.6f,
Animation.RELATIVE_TO_SELF,
0.5f,
Animation.RELATIVE_TO_SELF,
0.5f
)
val alpha = AlphaAnimation(0.0f, 1.0f)
val rotate = RotateAnimation(
0f,
720f,
Animation.RELATIVE_TO_SELF,
0.5f,
Animation.RELATIVE_TO_SELF,
0.5f
)
val translate = TranslateAnimation(
Animation.ABSOLUTE,
0f,
Animation.ABSOLUTE,
0f,
Animation.RELATIVE_TO_PARENT,
1.0f,
Animation.RELATIVE_TO_PARENT,
0.3f
)
val set = AnimationSet(true)
set.duration = 2000
set.fillAfter = true
set.addAnimation(alpha)
set.addAnimation(scale)
set.addAnimation(rotate)
set.addAnimation(translate)
tv.startAnimation(set)
}
设置监听
如果需要对动画的的开始、结束进行监听，则必须在代码中给动画设置监听，具体如下：
set.setAnimationListener(object :Animation.AnimationListener{
override fun onAnimationRepeat(animation: Animation?) {
// 动画完成一个周期时回调
}
override fun onAnimationEnd(animation: Animation?) {
// 动画结束时回调
}
override fun onAnimationStart(animation: Animation?) {
// 动画开始时回调
}
})
网友评论