隣接するCAShapeLayerアンチエイリアスの問題

Question

私はパイの各スライスにCAShapeLayerを使用して円グラフを描画しています。 1つのパイスライスの終了角度が隣接スライスの開始角度と等しい場合でも、スライス間の境界がある角度にある場合、アンチエイリアスにより、各ピーススライス間に下地の背景色が表示されます。

私は結果のパイカートはまだスムーズに見えるように、まだアンチエイリアスを使用しながら、スライス間のわずかな隙間を排除したいと思い

。概念的には、CALayer全体にアンチエイリアスを適用する方法があり、すべてのパイスライスが描画された後にパイスライスサブレイヤが存在すると思われます。そのトリックは...パイスライスは、バックグラウンド。

私は考えているほど多くのCALayerプロパティで遊んできましたが、これについてさらに情報を見つけるのは苦労しています。何か案は？

更新日：以下の回答を参照してください。

Answer 1

UPDATE：ロブの答えはかなり良いですが、おそらく他のアンチエイリアシングの問題になります。私は、それぞれのパイスライスの終わりの角度に沿って1pt幅のラジアルラインを描くことによってギャップを「埋めて」しまいました。各ラインは隣接スライスと同じ色です。これらの線は、円のスライスよりも低いzインデックスで描画されるため、下にあります。ここでは、彼らが上に描かれた円スライスせずにどのように見えるかです：

そしてここでは、最終的な製品です：

Answer 2

おそらくパイスライスのエッジを亀裂なく正確に合わせることはできません。最も簡単な解決策は試してみることではありません。

パイのスライスをエッジで合わせるのではなく、オーバーレイさせます。フルディスクとして最初のスライスを描く：

そして、最初のスライスの適切な地域を除いて、完全なディスクのような第2のスライスを描く：

を次に描きます最初の2つのスライスの適切な領域を除いて、完全なディスクとしての第3のスライス：

上

そしてそう：

ここに私のコードです：

#import "PieView.h" 

@implementation PieView { 
    NSMutableArray *slices; 
} 

- (id)initWithFrame:(CGRect)frame 
{ 
    self = [super initWithFrame:frame]; 
    if (self) { 
     // Initialization code 
    } 
    return self; 
} 

- (void)layoutSubviews { 
    [super layoutSubviews]; 
    [self layoutSliceLayers]; 
} 

- (void)layoutSliceLayers { 
    if (slices == nil) { 
     [self createSlices]; 
    } 
    [slices enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) { 
     [self layoutSliceLayer:obj index:idx]; 
    }]; 
} 

static const int kSliceCount = 5; 

- (void)createSlices { 
    slices = [NSMutableArray arrayWithCapacity:kSliceCount]; 
    for (int i = 0; i < kSliceCount; ++i) { 
     [slices addObject:[self newSliceLayerForIndex:i]]; 
    } 
} 

- (CAShapeLayer *)newSliceLayerForIndex:(int)i { 
    CAShapeLayer *layer = [CAShapeLayer layer]; 
    layer.fillColor = [UIColor colorWithWhite:(CGFloat)i/kSliceCount alpha:1].CGColor; 
    [self.layer addSublayer:layer]; 
    return layer; 
} 

- (void)layoutSliceLayer:(CAShapeLayer *)layer index:(int)index { 
    layer.position = [self center]; 
    layer.path = [self pathForSliceIndex:index].CGPath; 
} 

- (CGPoint)center { 
    CGRect bounds = self.bounds; 
    return CGPointMake(CGRectGetMidX(bounds), CGRectGetMidY(bounds)); 
} 

- (UIBezierPath *)pathForSliceIndex:(int)i { 
    CGFloat radius = [self radius]; 
    CGFloat fudgeRadians = 5/radius; 
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointZero 
     radius:radius startAngle:2 * M_PI * i/kSliceCount 
     endAngle:2 * M_PI clockwise:YES]; 
    [path addLineToPoint:CGPointZero]; 
    [path closePath]; 
    return path; 
} 

- (CGFloat)radius { 
    CGSize size = self.bounds.size; 
    return 0.9 * MIN(size.width, size.height)/2; 
} 

@end