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

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

附上实现效果:

anim-set

 

后续有时间会新开篇幅来使用 ScaleAnimation,TimeAnimator...

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值