简写一个K歌评分的iOS控件

客官，我先上图，先别走啊~

我在网上找了许久，无奈搜索能力奇差，没找到个类似的（不然想拿来抄抄，产品催交作业~），我只能挖一下自己有什么想法。本质上是一个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

声明：此DEMO并不能用于实际生产

DEMO.ZIP

简写一个K歌评分的iOS控件相关推荐

如何设计一个 iOS 控件?(iOS 控件完全解析)
前言一个控件从外在特征来说,主要是封装这几点: 交互方式显示样式数据使用对外在特征的封装,能让我们在多种环境下达到 PM 对产品的要求,并且提到代码复用率,使维护工作保持在一个相对较小的范围内 ...
iOS控件之UILabel
原文链接: iOS控件之UILabel 简书主页:http://www.jianshu.com/users/37f2920f6848 Github主页:https://github.com/Major ...
想建一个带分隔条的label 控件；
想建一个带分隔条的label 控件: Delphi / Windows SDK/API http://www.delphi2007.net/DelphiBase/html/delphi_2006120 ...
一个自定义的安卓验证码输入框控件、银行卡归属类型查询
一个自定义的安卓验证码输入框控件.银行卡归属类型查询. GitHub:https://github.com/longer96/VerifyCode Dependency Gradle dependen ...
css3 实现一个k歌效果和一个进度条的效果
先看两个效果: 相信这两个效果很多人都想要,哈哈,我看到很多app,下载进度就是这样的,虽然平淡,但是很有用,只有你遇到了,才知道为什么有用了. 下面就简单分析一下实现原理. 首先,用到的css3特性 ...
IOS控件学习：UILabel常用属性与用法（转）
原文链接:http://duchengjiu.iteye.com/blog/2041391 保存下来随时查看,感谢分享. 参考网站: http://shijue.me/show_text/521c39 ...
IOS控件学习：UILabel常用属性与用法
#import "ViewController.h" #import <CoreText/CoreText.h>@interface ViewController () ...
iOS控件——UITableView详解
iOS开发中经常会用到UITableView,我们平时使用的软件中到处都可以看到它,比如微信.QQ.微博等软件基本上随处都是UITableView.最主要到还有iOS设置. 一基本介绍 UITab ...
iphone屏幕圆角插件_关于iOS控件设置圆角的一些个人看法（iOS 10.0.2）
写在最前面:该文章使用的机器是iPhone 6(iOS 10.0.2),得出的结果跟iOS 8和iOS 9不太一样,关于iOS 8和iOS 9的结论,在最后有. 这几天看简书上的文章,看到几篇关于控件 ...

简写一个K歌评分的iOS控件

声明：此DEMO并不能用于实际生产

简写一个K歌评分的iOS控件相关推荐

最新文章

热门文章