android - Android studio - 如何用动画创建曲线

Question

我想创建一个带有动画曲线的布局，如下链接：

https://cdn.dribbble.com/users/1032798/screenshots/4981336/untitled-1.gif?vid=1

标签： androidkotlinandroid-animation

Answer 1

我会使用自定义视图并绘制自己的路径

class DrawView : View {
    ...

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        path = Path()
        paint.color = Color.RED
        paint.strokeWidth = 3f
        path.moveTo(34f, 259f)
        path.cubicTo(68f, 151f, 286f, 350f, 336f, 252f)
        canvas.drawPath(path!!, paint!!)
    }
}

这最终变成

现在你必须使这个参数化，使它可以动画。为此，使用MotionLayout非常容易

这是代码