自定义View动画-贝塞尔曲线动画

    自定义View动画-贝塞尔曲线动画

    很久没有更新了,琐事太多项目最经开发也紧张,女王大人看到这里心中肯定说你咋那么多理由,快更新!!好的。最近项目中我主要负责自定View以及动画,在开发中我接触到了贝塞尔曲线动画,在此将我的学习分享与大家共享。下面我们先了解这个贝塞尔曲线的原理。


如图:平面上不同的三点链接起来,取AB线中一点D然后找到BC中的一点E符合以下要求:

     BDBA = BEBC

然后链接DE找到DE中点F,符合下列公式:

     BD:BA = BE:BC = DF:DE

    这样我们就确定了贝塞尔曲线中一个点F,然后让移动的D点从B点移动到A,找出所有的F点连接也就得到了我们的贝塞尔曲线。因为找到点F需要两轮取点操作故称贝塞尔曲线也为二次曲线。

以下是他的动态图:

一次方公式:

给定点P0、P1,线性贝兹曲线只是一条两点之间的直线。这条线由下式给出:


运动轨迹图效果如下:




二次方公式:

二次方贝兹曲线的路径由给定点P0、P1、P2的函数B(t)追踪&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值