原文連結：http://www.jianshu.com/p/d64b0abef349

提前總結：

方法一：定製一個view，在drawrect中繪製虛線

方法二：建立一個imageView，用繪圖方法返回一個虛線的image

方法三：在CAShapeLayer上繪製虛線，新增到目標view的層上

方法四：用資源圖

前言

好幾天都沒有寫簡書了，主要是最近一直在做原型圖，六天的時間出了兩個專案的原型（PC+手機），結果累成狗，發現自己真有點像超人了。昨天寫了一個時間軸的小功能。在這裡給大家分享一下，畫虛線的兩種方法，順便也幫助自己做一下記憶。

重寫drawRect方法

- (void)drawRect:(CGRect
 
)rect{
     [super drawRect:rect];
     CGContextRef currentContext = UIGraphicsGetCurrentContext();
     //設定虛線顏色 
     CGContextSetStrokeColorWithColor(currentContext, [UIColor BlackColor].CGColor); 
     //設定虛線寬度 
     CGContextSetLineWidth(currentContext, 1); 
     //設定虛線繪製起點 
     CGContextMoveToPoint
 
(currentContext, 0, 0); 
     //設定虛線繪製終點
     CGContextAddLineToPoint(currentContext, self.frame.origin.x + self.frame.size.width, 0);
     //設定虛線排列的寬度間隔:下面的arr中的數字表示先繪製3個點再繪製1個點
     CGFloat arr[] = {3,1}; 
     //下面最後一個引數“2”代表排列的個數。   
     CGContextSetLineDash(currentContext, 0, arr, 2); 
     CGContextDrawPath
 
(currentContext, kCGPathStroke); 
}

看著這些程式碼肯定有一部分人頭疼，因為一般開發繪圖部分用的比較少，特別是很少接觸這些東西的人，甚至對繪圖這部分的只是已經忘光了，所以在這裡自己也腦補一下。
以下來自轉載

iOS的繪圖操作是在UIView類的drawRect方法中完成的，所以如果我們要想在一個UIView中繪圖，需要寫一個擴充套件UIView 的類，並重寫drawRect方法，在這裡進行繪圖操作，程式會自動呼叫此方法進行繪圖。下面先說明一下繪圖，比如，你想繪製一個方塊，你需要寫一個類來擴充套件UIView並在drawRect方法中填入如下程式碼：

- (void)drawRect:(CGRect)rect {      
    // Drawing code.      
    //獲得處理的上下文        
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    //設定線條樣式        
    CGContextSetLineCap(context, kCGLineCapSquare); 
    //設定線條粗細寬度        
    CGContextSetLineWidth(context, 1.0);             
    //設定顏色        
    CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1.0);
    //開始一個起始路徑        
    CGContextBeginPath(context);         
    //起始點設定為(0,0):注意這是上下文對應區域中的相對座標
    CGContextMoveToPoint(context, 0, 0);         
    //設定下一個座標點 
    CGContextAddLineToPoint(context, 100, 100);         
    //設定下一個座標點
    CGContextAddLineToPoint(context, 0, 150);       
    //設定下一個座標點        
    CGContextAddLineToPoint(context, 50, 180);        
    //連線上面定義的座標點 
    CGContextStrokePath(context);  
 }

再說明一下重繪，重繪操作仍然在drawRect方法中完成，但是蘋果不建議直接呼叫drawRect方法，當然如果你強直直接呼叫此方法，當然是沒有效果的。蘋果要求我們呼叫UIView類中的setNeedsDisplay方法，則程式會自動呼叫drawRect方法進行重繪（呼叫setNeedsDisplay會自動呼叫drawRect）。
在UIView中,重寫drawRect: (CGRect) aRect方法,可以自己定義想要畫的圖案.且此方法一般情況下只會畫一次.也就是說這個drawRect方法一般情況下只會被掉用一次. 當某些情況下想要手動重畫這個View,只需要掉用[self setNeedsDisplay]方法即可.

drawRect的執行順序及注意

drawRect調是在Controller->loadView, Controller->viewDidLoad 兩方法之後掉用的.

1. 如果在UIView初始化時沒有設定rect大小，將直接導致drawRect不被自動呼叫。

2. 該方法在呼叫sizeThatFits後被呼叫，所以可以先呼叫sizeToFit計算出size。然後系統自動呼叫drawRect:方法。

3. 通過設定contentMode屬性值為UIViewContentModeRedraw。那麼將在每次設定或更改frame的時候自動呼叫drawRect:。

4. 直接呼叫setNeedsDisplay，或者setNeedsDisplayInRect:觸發drawRect:，但是有個前提條件是rect不能為0.

以上1,2推薦；而3,4不提倡

1. 若使用UIView繪圖，只能在drawRect：方法中獲取相應的contextRef並繪圖。如果在其他方法中獲取將獲取到一個invalidate的ref並且不能用於畫圖。drawRect：方法不能手動顯示呼叫，必須通過呼叫setNeedsDisplay 或者 setNeedsDisplayInRect ，讓系統自動調該方法。
2. 若使用calayer繪圖，只能在drawInContext: 中（類似魚drawRect）繪製，或者在delegate中的相應方法繪製。同樣也是呼叫setNeedDisplay等間接呼叫以上方法。

通過UIImage的繪圖方法來繪製

// 畫虛線
// 建立一個imageView 高度是你想要的虛線的高度 一般設為2
 _lineImg = [[UIImageView alloc] initWithFrame:CGRectMake(0, 20, kScreenWidth, 2)]; 
// 呼叫方法 返回的iamge就是虛線 
_lineImg.image = [self drawLineByImageView:_lineImg]; 
// 新增到控制器的view上 
[self.view addSubview:_lineImg];


// 返回虛線image的方法
- (UIImage *)drawLineByImageView:(UIImageView *)imageView{ 
      UIGraphicsBeginImageContext(imageView.frame.size); //開始畫線 劃線的frame 
      [imageView.image drawInRect:CGRectMake(0, 0, imageView.frame.size.width, imageView.frame.size.height)]; 
      //設定線條終點形狀 
      CGContextSetLineCap(UIGraphicsGetCurrentContext(), kCGLineCapRound); 
      // 5是每個虛線的長度 1是高度 
      float lengths[] = {5,1}; 
      CGContextRef line = UIGraphicsGetCurrentContext(); 
      // 設定顏色 
      CGContextSetStrokeColorWithColor(line, [UIColor colorWithWhite:0.408 alpha:1.000].CGColor); 
      CGContextSetLineDash(line, 0, lengths, 2); //畫虛線
      CGContextMoveToPoint(line, 0.0, 2.0); //開始畫線
      CGContextAddLineToPoint(line, kScreenWidth - 10, 2.0);       

      CGContextStrokePath(line); 
      // UIGraphicsGetImageFromCurrentImageContext()返回的就是image 
      return UIGraphicsGetImageFromCurrentImageContext();
  }

通過CAShapeLayer方式繪製虛線

/**
  ** lineView:       需要繪製成虛線的view
  ** lineLength:     虛線的寬度
  ** lineSpacing:    虛線的間距 
  ** lineColor:      虛線的顏色
  **/
+ (void)drawDashLine:(UIView *)lineView lineLength:(int)lineLength lineSpacing:(int)lineSpacing lineColor:(UIColor *)lineColor
{    
      CAShapeLayer *shapeLayer = [CAShapeLayer layer];
      [shapeLayer setBounds:lineView.bounds];
      [shapeLayer setPosition:CGPointMake(CGRectGetWidth(lineView.frame) / 2, CGRectGetHeight(lineView.frame))];   
      [shapeLayer setFillColor:[UIColor clearColor].CGColor];  
      //  設定虛線顏色為blackColor    
      [shapeLayer setStrokeColor:lineColor.CGColor];   
      //  設定虛線寬度   
      [shapeLayer setLineWidth:CGRectGetHeight(lineView.frame)];    
      [shapeLayer setLineJoin:kCALineJoinRound];    
      //  設定線寬，線間距
      [shapeLayer setLineDashPattern:[NSArray arrayWithObjects:[NSNumber numberWithInt:lineLength], [NSNumber numberWithInt:lineSpacing], nil]];   
      //  設定路徑    
      CGMutablePathRef path = CGPathCreateMutable();   
      CGPathMoveToPoint(path, NULL, 0, 0);  
      CGPathAddLineToPoint(path, NULL,CGRectGetWidth(lineView.frame), 0);
      [shapeLayer setPath:path];    
      CGPathRelease(path);   
      //  把繪製好的虛線新增上來   
      [lineView.layer addSublayer:shapeLayer];
  }

圖片平鋪（簡單暴力）

UIImageView *imgDashLineView =[[UIImageView alloc] initWithFrame:CGRectMake(15, 200, self.view.frame.size.width - 30, 1)];
[imgDashLineView setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"xuxian.png"]]];
[self.view addSubview:imgDashLineView];

寫完這篇部落格，感覺自己現在繪圖基本忘光了，突然感覺好low的樣子……