ストローク用に1色、塗りつぶし用に1色のポリゴンを描画しますか？

Question

私は、色で描かれたいくつかの線を描画し、次にそれらの内部（ポリゴンを作る）を別のもので塗りつぶすのに問題があります。コメントアウトCGContextStrokePathで

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); 

、私はこの結果を得る：

をしかし、私はCGContextStrokePathのコメントを解除し、ポリゴンを記入した場合、色はストロークをオーバーフロー：

どのようにしてこのような結果が得られますか（whをやり直す必要はありません（それはそれの作業が行われることを期待）

Answer 1

あなただけの最初の操作が成功したような問題は、CGContextFillPath()とCGContextStrokePath(context) 両方が明確という現在のパスである代わりに

CGContextFillPath(context); 
CGContextStrokePath(context); 

の

CGContextDrawPath(context, kCGPathFillStroke); 

を使用することができます第2の 操作は何も描画しません。 CGContextDrawPath()は、間にパスをクリアする なしで塗りとストロークを結合します。あなたがこれを行うことができUIBezierPathを使用して

Answer 2

あなた脳卒中やコンテキストでパスを記入し、コンテキストがあなたのためのパスを削除する場合：OLE二回描画手順）。ストローク後に塗りつぶしたい場合は、パスを再度追加する必要があります。

CGPathRef pathローカル変数を作成し、パスを作成し、追加し、ストロークし、再度追加し、塗りつぶすのが最善の方法です。

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

：

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];