绘制虚线

画虚线需要用到函数:

CGContextSetLineDash

此函数需要四个参数:

 

  • context – 这个不用多说
  • phase - 稍后再说
  • lengths – 指明虚线是如何交替绘制,具体看例子
  • count – lengths数组的长度
  1. CGContextRef context =UIGraphicsGetCurrentContext();  
  2. CGContextBeginPath(context);  
  3. CGContextSetLineWidth(context, 2.0);  
  4. CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);  
  5. CGFloat lengths[] = {10,10};  
  6. CGContextSetLineDash(context, 0, lengths,2);  
  7. CGContextMoveToPoint(context, 10.0, 20.0);  
  8. CGContextAddLineToPoint(context, 310.0,20.0);  
  9. CGContextStrokePath(context);  
  10. CGContextClosePath(context);  

lengths的值{10,10}表示先绘制10个点,再跳过10个点,如此反复,如图:

0_1328429173RRMR.gif.png

如果把lengths值改为{10, 20, 10},则表示先绘制10个点,跳过20个点,绘制10个点,跳过10个点,再绘制20个点,如此反复,如图:

0_1328429523yqLp.gif.png

注意count的值等于lengths数组的长度

phase参数表示在第一个虚线绘制的时候跳过多少个点,举例说明:

  1. CGFloat lengths[] = {10,5};  
  2. CGContextSetLineDash(context, 0, lengths, 2);    
  3. CGContextMoveToPoint(context, 0.0, 20.0);    
  4. CGContextAddLineToPoint(context, 310.0, 20.0);     
  5. CGContextStrokePath(context);  
  6.                           
  7. CGContextSetLineDash(context, 5, lengths, 2);  
  8. CGContextMoveToPoint(context, 0.0, 40.0);    
  9. CGContextAddLineToPoint(context, 310.0, 40.0);  
  10. CGContextStrokePath(context);             
  11.                                               
  12. CGContextSetLineDash(context, 8, lengths, 2);     
  13. CGContextMoveToPoint(context, 0.0, 60.0);             
  14. CGContextAddLineToPoint(context, 310.0, 60.);             
  15. CGContextStrokePath(context);   

如图显示:

 

0_13284305046O6f.gif.png

由于lengths值为{10,5},第一条线就是绘制10,跳过5,反复绘制。

第二条线的phase值为5,则首先绘制【10减去5】,再跳过5,绘制10,反复绘制。

第三条给也如此,先绘制2,再跳过5,如此反复。

 

UPDATE:

以下是一个Swift画虚线的小例子,总体上是差不多的,直接把这个View放到ViewController中即可使用:

 CustomView:  {

varCGPointCGPointZero

varCGPoint    

overridefuncNSSetUIEventbeginPointanyObjectself    }

    

overridefuncNSSetUIEventendPointanyObjectself        

        setNeedsDisplay()

    }

    

overridefuncNSSetUIEventendPointanyObjectself        

        setNeedsDisplay()

    }

    

overridefuncCGRectifletendPoint {

let context = UIGraphicsGetCurrentContext()

letCGFloat5.05.0CGContextSetLineDash02);

CGContextMoveToPointbeginPointxbeginPointy);

CGContextAddLineToPointxy);

CGContextStrokePath(context);

        }

    }

}

posted on 2016-07-20 15:08  问题记录  阅读(235)  评论(0)    收藏  举报

导航