Android studio - 如何用动画创建曲线
Android studio - How to create curved lines with animation
我想创建一个像这样的动画曲线布局link:
https://cdn.dribbble.com/users/1032798/screenshots/4981336/untitled-1.gif?vid=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
非常容易
这是code
我想创建一个像这样的动画曲线布局link:
https://cdn.dribbble.com/users/1032798/screenshots/4981336/untitled-1.gif?vid=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
非常容易这是code