Zeichnen einer sehr dünnen Linie mit CGContextAddLineToPoint und CGContextSetLineWidth

Question

Ich möchte eine sehr dünne Haarlinie Breite einer Linie in meiner UIWiew DrawRect-Methode zeichnen. Die Zeile, die ich sehe, die einen Wert 0,5 für CGContextSetLineWidth hat, stimmt nicht mit dem gleichen Wert 1.0 Breite überein, der verwandt wird, um einen Rahmen CALayer zu zeichnen.

Sie können den Unterschied zwischen den beiden sehen - die rote Linie (Breite = 1) ist viel dünner als die lila/blaue Linie (Breite = 0,5).

Hier ist, wie ich meine Pseudo 1.0 Breite horizontale Linie an Zeichnung:

CGContextRef ctx = UIGraphicsGetCurrentContext(); 
CGContextSetStrokeColorWithColor(ctx, [UIColor blueColor].CGColor); 
CGContextSetLineWidth(ctx, 0.5); // I expected a very thin line 

CGContextMoveToPoint(ctx, 0, y); 
CGContextAddLineToPoint(ctx, self.bounds.size.width, y); 

CGContextStrokePath(ctx); 

Hier ist eine Grenze für die gleiche Ansicht, diesmal unter Verwendung von 1,0 Randbreite:

UIView *myView = (UIView *)self; 
CALayer *layer = myView.layer; 
layer.borderColor = [UIColor redColor].CGColor; 
layer.borderWidth = 1.0; 

Was muss ich anders machen, um meine eigene benutzerdefinierte Linie zu zeichnen, die die gleiche Breite wie die CALayer-Version hat?

Answer 1

Wenn Sie einen Pfad streichen, spreizt der Strich den Pfad. Um es anders auszudrücken, der Pfad liegt in der Mitte des Strichs.

Wenn der Pfad entlang der Kante zwischen zwei Pixeln verläuft, bedeckt der Strich (teilweise) die Pixel auf beiden Seiten dieser Kante. Bei einer Linienbreite von 0,5 erweitert sich ein horizontaler Strich um 0,25 Punkte in den Pixel über dem Pfad und um 0,25 Punkte in den Pixel unter dem Pfad.

Sie müssen Ihren Weg bewegen, damit es nicht am Rande des Pixels läuft:

CGFloat lineWidth = 0.5f; 
CGContextSetLineWidth(ctx, lineWidth); 

// Move the path down by half of the line width so it doesn't straddle pixels. 
CGContextMoveToPoint(ctx, 0, y + lineWidth * 0.5f); 
CGContextAddLineToPoint(ctx, self.bounds.size.width, y + lineWidth * 0.5f); 

Aber da Sie nur eine horizontale Linie zu zeichnen, ist es einfacher zu bedienen CGContextFillRect:

CGContextSetFillColorWithColor(ctx, [UIColor blueColor].CGColor); 
CGContextFillRect(ctx, CGRectMake(0, y, self.bounds.size.width, 0.5f)); 

Answer 2

Sie müssen Antialiasing ausschalten, um eine dünne Linie zu erhalten, wenn nicht auf einem Integral gezeichnet.

CGContextSetShouldAntialias(ctx, NO)