自定义View动画-贝塞尔曲线动画
很久没有更新了,琐事太多项目最经开发也紧张,女王大人看到这里心中肯定说你咋那么多理由,快更新!!好的。最近项目中我主要负责自定View以及动画,在开发中我接触到了贝塞尔曲线动画,在此将我的学习分享与大家共享。下面我们先了解这个贝塞尔曲线的原理。
如图:平面上不同的三点链接起来,取AB线中一点D然后找到BC中的一点E符合以下要求:
BD:BA = BE:BC
然后链接DE找到DE中点F,符合下列公式:
BD:BA = BE:BC = DF:DE
这样我们就确定了贝塞尔曲线中一个点F,然后让移动的D点从B点移动到A,找出所有的F点连接也就得到了我们的贝塞尔曲线。因为找到点F需要两轮取点操作故称贝塞尔曲线也为二次曲线。
以下是他的动态图:
一次方公式:
给定点P0、P1,线性贝兹曲线只是一条两点之间的直线。这条线由下式给出:
运动轨迹图效果如下:
二次方公式:
二次方贝兹曲线的路径由给定点P0、P1、P2的函数B(t)追踪&