Android 属性动画(Animator)简单使用

    技术2025-12-11  17

    属性动画> 提供对动画的基本支持,这些动画可以开始,结束并可以添加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...

     

    Processed: 0.009, SQL: 9