IOS端K线系列之分时图-十字叉效果制作

k线系列目录

查看目录请点击这儿

前述

如果有炒股的同学看到我们绘制的分时线（没看到的话，点这儿）想必一定会气得半死！因为除了基本的展示功能以外，缺少的太多！
比如：长按的话，就会出现价格涨幅、交易量之类的详情

就像这样（绿框标注）：

或是这样（绿框标注）：

怎么样？是不是感觉很清晰？所以，我敢保证，你要是让用户呆呆的看你绘制的分时线。他会喷死你…… 最起码也是毫不犹豫的卸载掉

搞起

既然已经知道后果，就赶紧干活吧！首先要了解需求，再理清思路，再敲代码。OK！那先分析：
十字叉效果其实是获取用户长按手势以后。出现一个横竖两条线，横线两侧显示价格和百分比，竖线上或者下显示时间。然后再屏幕其他地方显示价格详情，为了方便理解，上图一副：

了解完需求，再理清思路：

 1. 通过长按手势获取长按的坐标点longPressPoint(X，Y)
 2. 通过坐标点的x值计算用户按的坐标点接近于哪个分时点
 3. 根据这个分时点直接取对应的坐标timePoint(X, Y)
 4. 根据这个坐标绘制横竖线
 5. 根据这个分时点对应的模型数据，分别绘制价格、百分比、时间、详情

有了思路，直接上代码：

1、获取长按坐标点