客官,我先上图,先别走啊~
我在网上找了许久,无奈搜索能力奇差,没找到个类似的(不然想拿来抄抄,产品催交作业~),我只能挖一下自己有什么想法。本质上是一个UICollectionVIew,在每个item上画多个CAShapeLayer+UIBezierPath曲线,每一段橙色部分就是一个layer。
长按,在插入(替换)layer的过程,一直更新layer.path的x和width。
松手,在停止插入layer的过程中,一直记录下一个layer要开始画的位置
在模型上我用state属性来解决UICollectionViewCell的重用问题,state有4种状态:
0:初始状态所有cell没有layer 或 竖线右方cell还没画layer,移除layer防重用
1:当前cell在画layer
2:当前cell产生新的layer
3:竖线左方cell已经画过了layer
主要代码在StableLineView.m / ECKaraokeScoreView.m