今天要讲解的内容是Android中贝塞尔曲线的应用。可能很多人对贝塞尔曲线不甚了解,这里先对它的概念做一下简单介绍。
贝塞尔曲线由多个点组成:起始点、终止点以及0到n个相互分离的中间点。根据中间点的不同,可以分为线性贝塞尔曲线、二阶贝塞尔曲线、三阶贝塞尔曲线和高阶贝塞尔曲线。一般的矢量图形软件通过它来精确画出曲线,贝塞尔曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋。对于三阶贝塞尔曲线,它由两个锚点P0、P3和两个中间点P1、P2组成。曲线起始于P0走向P1,并从P2的方向来到P3。曲线一般不会经过P1和P2,这两个点只是提供方向资讯。P0和P1之间的间距,决定了曲线在转而趋进P3之前,走向P2方向的“长度有多长”。关于贝塞尔曲线的更多内容,可以从这里了解:http://blog.youkuaiyun.com/androidzhaoxiaogang/article/details/8680330
下面是二阶、三阶和四阶曲线的效果图,红色曲线为最终绘制出来的结果,大家可以了解一下。
有个网站为我们提供了工具,可以生成对应的二阶贝塞尔曲线的数值:cubic-bezier.com。拖拽左边图像中的2个中间点,就会在右边显示两个中间点归一化的坐标值。我们还可以点击SAVE按钮将曲线保存下来,然后点击GO就可以查看通过当前曲线计算出来的差值器的效果。具体功能看下面的图。

本文介绍了贝塞尔曲线的概念,包括线性、二阶、三阶和高阶贝塞尔曲线,强调了三阶贝塞尔曲线的构成。通过cubic-bezier.com网站展示了如何生成差值器,并详细阐述了贝塞尔曲线在Android中的三大应用:动画差值器、绘制动画轨迹和平滑绘图。文中还提供了具体实现代码和动效图,最后提到了相关参考资料。
最低0.47元/天 解锁文章
2457

被折叠的 条评论
为什么被折叠?



