Rysowanie wieloboku za pomocą jednego koloru dla obrysu i innego dla wypełnienia?

Question

Mam problem z rysowaniem linii, które są pogłaskane kolorem, a następnie wypełniają wnętrze (tworzą wielokąt) innym.

UIColor *houseBorderColor = [UIColor colorWithRed:(170/255.0) green:(138/255.0) blue:(99/255.0) alpha:1]; 
CGContextSetStrokeColorWithColor(context, houseBorderColor.CGColor); 
CGContextSetLineWidth(context, 3); 

// Draw the polygon 
CGContextMoveToPoint(context, 20, viewHeight-19.5); 
CGContextAddLineToPoint(context, 200, viewHeight-19.5); // base 
CGContextAddLineToPoint(context, 300, viewHeight-119.5); // right border 
CGContextAddLineToPoint(context, 120, viewHeight-119.5); 
CGContextAddLineToPoint(context, 20, viewHeight-19.5); 

// Fill it 
CGContextSetRGBFillColor(context, (248/255.0), (222/255.0), (173/255.0), 1); 
//CGContextFillPath(context); 

// Stroke it 
CGContextStrokePath(context); 

Z CGContextStrokePath zakomentowanym, otrzymuję ten wynik:

Ale gdybym odkomentowaniu CGContextStrokePath i wypełnić wielokąt, kolor przelewa uderzeń:

Jak osiągnąć taki wynik (bez konieczności ponownej redakcji Procedura ole rysunek dwukrotnie):

Answer 1

Można użyć

CGContextDrawPath(context, kCGPathFillStroke); 

zamiast

CGContextFillPath(context); 
CGContextStrokePath(context); 

Problem polega na tym, że zarówno CGContextFillPath() i CGContextStrokePath(context) jasnego obecna ścieżka, tak, że tylko pierwsza operacja się powiedzie, a druga operacja niczego nie rysuje. CGContextDrawPath() łączy wypełnienie i obrys bez czyszczenie ścieżki pomiędzy.

Answer 2

Gdy udar mózgu lub wypełnić ścieżkę w kontekście kontekst usuwa ścieżkę dla Ciebie (nie spodziewa się, że jego praca jest wykonywana). Musisz ponownie dodać ścieżkę, jeśli chcesz ją wypełnić po jej przyciśnięciu.

Prawdopodobnie najlepiej jest utworzyć lokalną zmienną CGPathRef path, zbudować ścieżkę, dodać ją, obrysować, dodać ponownie, wypełnić.

CGMutablePathRef path = CGPathCreateMutable(); 
CGPathMoveToPoint(path, nil, 20, viewHeight-19.5); 
CGPathAddLineToPoint(path nil, 200, viewHeight-19.5); // base 
CGPathAddLineToPoint(path nil, 300, viewHeight-119.5); // right border 
CGPathAddLineToPoint(path nil, 120, viewHeight-119.5); 
CGPathAddLineToPoint(path nil, 20, viewHeight-19.5); 

CGContextAddPath(context, path); 
CGContextFillPath(context); 

// possibly modify the path here if you need to 

CGContextAddPath(context, path); 
CGContextStrokePath(context); 

Answer 3

Korzystanie UIBezierPath można to zrobić:

UIBezierPath *path = [[UIBezierPath alloc] init]; 
[path moveToPoint:CGPointMake(20, viewHeight-19.5)]; 
[path addLineToPoint:CGPointMake(200, viewHeight-19.5)]; 
[path addLineToPoint:CGPointMake(300, viewHeight-119.5)]; 
[path addLineToPoint:CGPointMake(120, viewHeight-119.5)]; 
[path addLineToPoint:CGPointMake(20, viewHeight-19.5)]; 

[[UIColor colorWithRed:(248/255.0) green:(222/255.0) blue:(173/255.0) alpha:1.0] setFill]; 
[path fill]; 
[[UIColor colorWithRed:(170/255.0) green:(138/255.0) blue:(99/255.0) alpha:1.0] setStroke]; 
[path stroke];