Wygładzanie krzywych grafiki rdzenia

Question

Próbuję utworzyć okrągły pasek ładowania i chcę użyć Core Graphics zamiast maskować obrazy, aby uzyskać efekt. Jednak nie dostaję wierności, na którą liczyłem:

Bez względu na to, co próbowałem, strzępy wydają się bardzo złe. Antyaliasing jest włączony i już próbowałem zmienić "płaskość" na .1 na CGContextRef. Obraz pochodzi z symulatora (Retina), wygląda nieco lepiej na urządzeniu, ale nadal nie jest świetny.

Rysunek kodu wewnątrz podklasy CALayer:

-(void)drawInContext:(CGContextRef)ctx {  
    CGPoint center = CGPointMake(self.frame.size.width/2, self.frame.size.height/2); 

    CGFloat delta = toRadians(360 * percent); 

    CGFloat innerRadius = 69.5; 
    CGFloat outerRadius = innerRadius + 12; 

    CGContextSetFillColorWithColor(ctx, [UIColor colorWithRed:99/256.0 green:183/256.0 blue:70/256.0 alpha:.5].CGColor); 
    CGContextSetStrokeColorWithColor(ctx, [UIColor colorWithRed:99/256.0 green:183/256.0 blue:70/256.0 alpha:10.0].CGColor); 
    CGContextSetLineWidth(ctx, 1); 

    CGMutablePathRef path = CGPathCreateMutable(); 

    CGPathAddRelativeArc(path, NULL, center.x, center.y, innerRadius, -(M_PI/2), delta); 
    CGPathAddRelativeArc(path, NULL, center.x, center.y, outerRadius, delta - (M_PI/2), -delta); 
    CGPathAddLineToPoint(path, NULL, center.x, center.y-innerRadius); 

    CGContextAddPath(ctx, path); 
    CGContextFillPath(ctx); 
    CGContextAddPath(ctx, path); 
    CGContextStrokePath(ctx); 
} 

Jest to najlepsze rdzeń graficzny może zrobić albo ja czegoś brakuje?

Answer 1

Odkryłem mój konkretny problem. Odkąd stworzyłem CALayer (aby dodać jako podwarstwę), contentScale nie został automatycznie ustawiony na ekran Retina. To rozwiązuje:

percentLayer.contentsScale = [UIScreen mainScreen].scale; 

Dziękuję Rob, za popchnięcie mnie we właściwym kierunku.