美文网首页
自定义UISlider

自定义UISlider

作者: 披萨配可乐 | 来源:发表于2018-06-15 14:59 被阅读85次

需求

最近工作中有个对完成动作难度评价的视图,设计给出了以下设计方案:


设计方案

要求:
1、拖动选中
2、点击选中
3、拖动视图和文字跟随颜色变化

开始

① 我的想法是既能滑动又能点击,可以使用UIControl自定义视图,在以下四个方法中处理手势事件:

- (BOOL)beginTrackingWithTouch:(UITouch *)touch withEvent:(nullable UIEvent *)event;
- (BOOL)continueTrackingWithTouch:(UITouch *)touch withEvent:(nullable UIEvent *)event;
- (void)endTrackingWithTouch:(nullable UITouch *)touch withEvent:(nullable UIEvent *)event;
- (void)cancelTrackingWithEvent:(nullable UIEvent *)event;

② 渐变颜色可以使用CAGradientLayer,滑动过程中,识别颜色视图中的色值;
③ 点击处理:在 endTrackingWithTouch中,处理最终停留的位置。
④ 在代理

实现效果

最终效果

代码部分

一、使用
视图属性设置 属性内容
二、视图结构

.h文件中暴露了一些外部可修改的可选属性。


.h文件

选择完成后,通过代理方法返回下标和当前选中的颜色色值


代理方法

代码地址

下载地址

相关文章

网友评论

      本文标题:自定义UISlider

      本文链接:https://www.haomeiwen.com/subject/keqmeftx.html