iOS笔记-时间标尺(时间轴)，一个刻度为1小时，并且标记占用时

一、效果图

二、背景

因为工作中有这么一个需求，特此记录一下。

需求说明：

1、时间轴为当前时间往后推的24小时；显示当前时间、当前时间+12小时、当前时间+24小时的一个时间标尺。

2、一个刻度代表一个小时。

3、根据接口返回开始时间、结束时间在时间标尺上标记对应的时间段。

三、实现

CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSetRGBStrokeColor(context, self.lineColor.R, self.lineColor.G, self.lineColor.B, 1.0);
 CGContextSetLineWidth(context, coarseness);
    
    // 画轴
 CGPoint aPoints[2]; // X轴

 aPoints[0] = CGPointMake(0, mark_bottom);              // 起始点
 aPoints[1] = CGPointMake(cy_selfWidth, mark_bottom);   // 终点
 
 
 CGContextAddLines(context, aPoints, 2);     // 添加线
 CGContextDrawPath(context, kCGPathStroke);  // 根据坐标绘制路径
    

这里主要是利用 CGContextRef 图形上下文来实现标尺的绘画，具体实现步骤我会写一个demo出来分享。