Android 屬性動畫（Animator）簡單使用

屬性動畫> 提供對動畫的基本支持，這些動畫可以開始，結束並可以添加AnimatorListener。

#1.最主要的ObjectAnimator：）

1.位移動畫（translationX/translationY）
2.透明度動畫（alpha）
3.旋轉動畫（rotation）

 # 位移動畫（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" />

#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(set){
    playTogether(animatorX, animatorY, animatorAlpha) //同時執行
    //playSequentially(animatorX, animatorY, animatorAlpha) //順序執行
    start()
    addListener(object : AnimatorListenerAdapter() {
        override fun onAnimationEnd(animation: Animator) {
            //TODO 當動畫結束時會執行
        }
    })
}

 

動畫應用示例：Android 展開式(可收縮)菜單彈出效果簡單實現【AnimatorSet】

附上實現效果：

 

後續有時間會新開篇幅來使用 ScaleAnimation,TimeAnimator...