iOS 画虚线的重新理解

之前写了一篇画虚线的文章，只是做了效果，并没有对其画的过程原来深刻理解，当时只是为了业务需求。今天刚刚好遇到群里有人问了，回头又重新理解了一下。

群里朋友 需求是彩色虚线。效果如图

完整代码如下：

 UIImageView *iView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, 20)];
    [self.view addSubview:iView];
    
    UIGraphicsBeginImageContext(iView.frame.size); //参数size为新创建的位图上下文的大小
    [iView.image drawInRect:CGRectMake(0, 0, iView.frame.size.width, iView.frame.size.height)];
    CGContextSetLineCap(UIGraphicsGetCurrentContext(), kCGLineCapSquare); //设置线段收尾样式
    
    CGFloat length[] = {20,40}; // 线的宽度，间隔宽度
    CGContextRef line = UIGraphicsGetCurrentContext(); //设置上下文
    CGContextSetStrokeColorWithColor(line, [UIColor redColor].CGColor);
    CGContextSetLineWidth(line, 5); //设置线粗细
    CGContextSetLineDash(line, 0, length, 2);//画虚线
    CGContextMoveToPoint(line, 0, 20.0); //开始画线
    CGContextAddLineToPoint(line, self.view.frame.size.width, 20);//画直线
    CGContextStrokePath(line); //指定矩形线
    
    // 在line 中间的间隔里 再画一条不同颜色的间隔线
    CGContextRef line2 = UIGraphicsGetCurrentContext();
    CGContextSetStrokeColorWithColor(line2, [UIColor blackColor].CGColor);
    CGContextSetLineWidth(line2, 5);
    CGContextSetLineDash(line2, 0, length, 2);//画虚线
    CGContextMoveToPoint(line2, 30, 20.0); //开始画线line2 参数对象，X坐标，Y坐标
    CGContextAddLineToPoint(line2, self.view.frame.size.width, 20);
    CGContextStrokePath(line2);
    
    iView.image = UIGraphicsGetImageFromCurrentImageContext();

这一句 设置每段虚线的线条的宽度和间隔的宽度

CGFloat length[] = {20,40}; // 线的宽度，间隔宽度

分别注释掉line 和line2的代码得到两张虚线图

把它们合并到一起 就变成了上面的彩色虚线啦。

完整demo下载地址 ：点击打开链接