属性动画> 提供对动画的基本支持,这些动画可以开始,结束并可以添加AnimatorListener。
#1.最主要的ObjectAnimator:)
1.位移动画(translationX/translationY) 2.透明度动画(alpha) 3.旋转动画(rotation) 4.缩放动画(scale)# 位移动画(translationX/translationY)
// 代码实现 ObjectAnimator.ofFloat(view, "translationX", 0F, x).setDuration(2000)//在2s内使view在X方向移动x的距离 ObjectAnimator.ofFloat(view, "translationY", 0F, y).setDuration(2000)//在2s内使view在Y方向移动y的距离 <!--XML实现--> <set xmlns:android="http://schemas.android.com/apk/res/android" android:ordering="together"> <objectAnimator android:duration="2000" android:propertyName="translationX" android:valueFrom="0" android:valueTo="x" android:valueType="floatType" /> <objectAnimator android:duration="2000" android:propertyName="translationY" android:valueFrom="0" android:valueTo="y" android:valueType="floatType" /> </set># 透明度动画(alpha)
//代码实现 ObjectAnimator.ofFloat(view, "alpha", 0F, 1F).setDuration(2000) //在2s内使view的透明度从0到1 <!--XML实现--> <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android" android:duration="2000" android:propertyName="alpha" android:valueFrom="0.0" android:valueTo="1.0" android:valueType="floatType" /># 旋转动画(rotation)
//代码实现 ObjectAnimator.ofFloat(view, "rotation", 0F, 90F).setDuration(2000) //在2s内使view旋转90度 <!--XML实现--> <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android" android:duration="2000" android:propertyName="rotation" android:valueFrom="0" android:valueTo="90F" android:valueType="floatType" /># 缩放动画(scale)
//代码实现 ObjectAnimator.ofFloat(view, "scaleX", 1.0F, 1.2F).setDuration(2000) //在2s内使view缩放至1.2倍 ObjectAnimator.ofFloat(view, "scaleY", 1.0F, y).setDuration(2000) //在2s内使view缩放至y倍 <!--XML实现--> <set xmlns:android="http://schemas.android.com/apk/res/android" android:ordering="together"> <objectAnimator android:duration="2000" android:propertyName="scaleX" android:valueFrom="1.0" android:valueTo="x" android:valueType="floatType" /> <objectAnimator android:duration="2000" android:propertyName="scaleY" android:valueFrom="1.0" android:valueTo="y" android:valueType="floatType" /> </set>#2. 接下来简单使用:)
//实现转动view 90° val animator = ObjectAnimator.ofFloat(view,"rotation", 0F, 90F) animator.setDuration(2000)//动画时长 animator.interpolator = BounceInterpolator()//添加回弹动画,你还可以添加其他的效果哦 animator.start() //加载XML实现动画 val animator = AnimatorInflater.loadAnimator(context, R.animator.anim_alpha) with(animator){ interpolator = BounceInterpolator()//添加回弹动画,你还可以添加其他的效果哦 setTarget(view)//设置需要执行动画的view start() }#3. 添加动画监听:)
//设置属性动画的监听事件(使用AnimatorListener监听所以事件) animator.addListener(object : Animator.AnimatorListener { override fun onAnimationRepeat(animation: Animator?) { } override fun onAnimationEnd(animation: Animator?) { //当动画结束时会执行 //view.isEnabled = true } override fun onAnimationCancel(animation: Animator?) { } override fun onAnimationStart(animation: Animator?) { } })cc: 你会不会嫌上面监听太多,还可以这样写
//设置属性动画的监听事件(使用AnimatorListenerAdapter可以选择监听的事件) animator.addListener(object : AnimatorListenerAdapter() { override fun onAnimationEnd(animation: Animator) { //TODO 当动画结束时会执行 } })以为完了吗?No,继续看👇
#4. 通过AnimatorSet 联动实现动:)>可以同时或者顺序执行多个动画
//在2s内使view在X/Y方向移动一段距离 val animatorX = ObjectAnimator.ofFloat(view, "translationX", 0F, x).setDuration(2000) val animatorY = ObjectAnimator.ofFloat(view, "translationY", 0F, y).setDuration(2000) //在1s内使view的透明度从0到1 val animatorAlpha = ObjectAnimator.ofFloat(view, "alpha", 0F, 1F).setDuration(1000) val animatorSet = AnimatorSet() with(animatorSet){ playTogether(animatorX, animatorY, animatorAlpha) //同时执行 //playSequentially(animatorX, animatorY, animatorAlpha) //顺序执行 start() addListener(object : AnimatorListenerAdapter() { override fun onAnimationEnd(animation: Animator) { //TODO 当动画结束时会执行 } }) }相关动画:View自动优化的动画-ViewPropertyAnimator
可为动画添加自然效果-Interpolator
最后,动画应用示例:Android 展开式(可收缩)菜单弹出效果简单实现【AnimatorSet】
附上实现效果:
后续有时间会新开篇幅来使用 ScaleAnimation,TimeAnimator...
