属性动画

作者: 卖炭少年炭治郎 | 来源:发表于2020-09-07 15:05 被阅读0次

属性动画

ViewPropertyAnimator

 imageView.animate()
            .translationX(200.dp)
            .translationY(100.dp)
            .scaleX(2f)
            .scaleY(2f)
            .alpha(0.5f)
            .setStartDelay(1000)

缺点:

  • 有局限性,只能改变其中的几个属性,横向纵向 渐变旋转
  • 比如需要更改圆半径大小的动画,对于这种自定义的属性不能实现

优点:

  • 使用方便

ObjectAnimator

class CircleView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    var radius = 50.dp
    set(value) {
        field = value
        invalidate()
    }

    private val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        color = Color.GREEN
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        canvas.drawCircle(width/2f,height/2f,radius,paint)
    }
}
val animtor = ObjectAnimator.ofFloat(imageView, "radius", 150.dp)
animtor.startDelay = 1000
animtor.start()

优点:

  • 支持自定义的属性值

缺点:

  • 一次只支持一个属性值,如果操作多个属性值的话,需要设置多个,然后一起执行。

AnimatorSet 动画集(对多个动画进行合成)

animtor,animtor1,animtor2 三个ObjectAnimator动画顺序执行

val animatorSet = AnimatorSet()
animatorSet.playSequentially(animtor,animtor1,animtor2)
animatorSet.start()

PropertyValuesHolder

  • 用法
val propertyValuesHolder = PropertyValuesHolder.ofFloat("radius", 150.dp)

        val objectAnimator = ObjectAnimator.ofPropertyValuesHolder(imageView,propertyValuesHolder)
        objectAnimator.startDelay = 1000
        objectAnimator.duration = 2000
        objectAnimator.start()

优点

  • 支持更精细的动画控制,可以支持多个自定义属性值(ObjectAnimator.ofPropertyValuesHolder此方法支持多个holder)

和AnimatorSet区别

  • 不支持多个属性值动画按顺序执行

Keyframe

使用方式

val distance = 200.dp
val keyframe = Keyframe.ofFloat(0f, 0f * distance)
val keyframe1 = Keyframe.ofFloat(0.2f, 0.4f * distance)
val keyframe2 = Keyframe.ofFloat(0.8f, 0.6f * distance)
val keyframe3 = Keyframe.ofFloat(1f, 1f * distance)
val holder = PropertyValuesHolder.ofKeyframe(
            "translationX",
            keyframe,
            keyframe1,
            keyframe2,
            keyframe3
        )
val animator = ObjectAnimator.ofPropertyValuesHolder(imageView,holder)
animator.startDelay = 2000
animator.start()

优点

  • 更加精准的控制动画执行的快慢进度,实现特殊的动画效果

Interpolator 插值器

使用方式

val animator = ObjectAnimator.ofFloat(imageView,"translationX",200.dp)
animator.interpolator = LinearInterpolator()
animator.startDelay = 2000
animator.start()

总结

  1. 适用于场景内的动画AccelerateDecelerateInterpolator()
  2. 适用于出场动画 AccelerateInterpolator
  3. 适用于入场动画 DecelerateInterpolator

TypeEvaluator

使用方式

 val animtor =
            ObjectAnimator.ofObject(imageView, "point", PointFEvaluator(), PointF(100.dp, 200.dp))
animtor.startDelay = 1000
animtor.start()
private class PointFEvaluator :TypeEvaluator<PointF>{
        override fun evaluate(fraction: Float, startValue: PointF, endValue: PointF): PointF {

            val startX = startValue.x
            val startY = startValue.y
            val endX = endValue.x
            val endY = endValue.y
            val currentX = startX + (endX-startX)*fraction
            val currentY = startY + (endY-startY)*fraction
            return PointF(currentX,currentY)
        }

    }
class PointFView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    private val mPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        strokeWidth = 20.dp
        strokeCap = Paint.Cap.ROUND
    }

    var point = PointF(0f,0f)
    set(value) {
        field = value
        invalidate()
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        canvas.drawPoint(point.x,point.y,mPaint)
    }
}

Listeners

各种动画的监听器,监听动画开始啦 结束啦等

ValueAnimator

不常用

硬件加速

利用GPU提高视图渲染的速度? 没搞明白

相关文章

  • 属性动画学习使用总结

    Android 属性动画总结 属性动画的优点 属性动画的使用步骤 实例化属性动画对象 设置属性动画的时长 启动属性...

  • [Android动画]属性动画-小球下落动画实现

    属性动画 属性动画是通过直接改变View属性,实现的动画效果。与补间动画不同的是,属性动画是对象的属性的真实改变,...

  • Android动画-属性动画

    属性动画 所谓属性动画,就是改变对象Object的属性来实现动画过程。属性动画是对View的动画的扩展,通过它可以...

  • 动画之属性动画基础篇

    属性动画 属性动画,改变view或者object的属性实现动画,属性动画比补间动画更强大,不但可以实现旋转、平移等...

  • UI(四十八)属性动画

    属性动画->通过改变图层或者视图上面的属性值(支持动画的属性)产生的动画 属性动画的常用方法属性: 1、初始化 +...

  • iOS - 属性动画

    属性动画->通过改变图层或者视图上面的属性值(支持动画的属性)产生的动画 属性动画的常用方法属性: 1、初始化+(...

  • Android 动画

    动画类型 视图动画(补间动画、逐帧动画)属性动画 补间动画 逐帧动画 属性动画 对比 插值器:确定属性值从初始值过...

  • Android Animation 动画介绍与详解

    一、Animation 动画属性 动画相关的属性:SET属性 二、Animation 动画类型 Android的a...

  • 如何在网页中做出炫酷的动画(使用Spine)

    属性动画和帧动画 web中的动画主要分为属性动画和帧动画两种,属性动画是通过改变dom元素的属性如宽高、字体大小或...

  • 属性动画案例二(加载动画)

    继续属性动画,之前写过 属性动画案例一(基础动画与飘心动画) 简单了解了属性动画,这次来点炫酷的~加载动画,先看一...

网友评论

    本文标题:属性动画

    本文链接:https://www.haomeiwen.com/subject/mnxlektx.html