Skip to content

Latest commit

 

History

History
37 lines (18 loc) · 1.5 KB

README.md

File metadata and controls

37 lines (18 loc) · 1.5 KB

最终效果图:

旋转过程的角标IndexBar

DragBubblePathText

CircleProgress && TouchCircleView

博客地址 戳我戳我

#DragBubble

基本原理

其实就是使用Path绘制三点的二次方贝塞尔曲线来完成那个妖娆的曲线的。然后根据触摸点不断绘制对应的圆形,根据距离的改变改变原始固定圆形的半径大小。最后就是松手后返回或者爆裂的实现。

1、确定默认圆形的坐标; 2、根据move的情况,实时获取最新的坐标,根据移动的距离(确定出角度),更新相关的状态,画出相关的Path路径。超出上限,不再画Path路径。 旋转过程的角标

3、松手时,根据相关的状态,要么带Path路径执行动画返回,要么不带Path路径直接返回,要么直接爆裂!

博客地址 戳我戳我

PathText

博客地址 戳我戳我

IndexBar

具体项目地址

博客地址 戳我戳我