Skip to content

tangxianqiang/BezierViews

Repository files navigation

BezierViews

preview

1、粘性气泡效果 2、直播点赞桃心漂浮效果

description


1、粘性气泡:DragFoamView
通过画贝塞尔曲线,实现了两点之前粘性的效果,两点之间的中点为控制点,调用quadTo方法绘制曲线,绘制过程中没有难点,主要是去计算起始点、终点和控制点;
回弹过程中,使用到了估值器,该估值器返回了回弹时的坐标,这样就可以实现指定轨迹的动画
2、漂浮桃心:FloatLoveView
利用动画估值器实现的指定轨迹的动画,该轨迹是通过连个控制点实现的三阶贝塞尔轨迹

notice


1、粘性气泡
通过设置父布局的clipChildren="false"可以让子布局的位置越过父布局,这就是qq聊天中气泡能够拉出列表的原理;
在计算贝塞尔曲线的起点、控制点、终点的时候最好使用三角函数计算(该view算法应该没有问题,但是总有点瑕疵)
2、漂浮桃心
应当注意轨迹的起始点和终点的位置

About

Some bezier views and their event forwoading

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages