CGContextAddArc in senso antiorario invece che in senso orario

Question

Ho un problema quando disegno un arco all'interno della mia funzione di disegno all'interno di una sottoclasse CALayer. L'implementazione di tale funzione di disegno è la seguente:

-(void)drawInContext:(CGContextRef)ctx 
{ 
    CGPoint center = CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2); 
    CGFloat radius = MIN(center.x, center.y); 

    CGContextBeginPath(ctx); 

    CGContextAddArc(ctx, center.x, center.y, radius, DEG2RAD(0), DEG2RAD(90), YES); 

    CGContextSetStrokeColorWithColor(ctx, [UIColor whiteColor].CGColor); 
    CGContextSetLineWidth(ctx, 5); 

    CGContextDrawPath(ctx, kCGPathStroke); 
} 

Niente di troppo rivoluzionario qui, ma la cosa strana è che si sta disegnando l'arco in senso antiorario, anche se ho specificato che shoud essere in senso orario. Viceversa, quando si specifica NO per il parametro in senso orario, si disegna l'arco in senso orario. Ho fatto qualche ricerca sui sistemi di coordinate capovolte e ho immaginato che potesse essere il problema qui, ma non volevo limitarmi a codificare il parametro bool opposto di quello che intendevo. Qualche suggerimento su come risolvere questo problema?

Grazie!

Answer 1

Ciò è dovuto in effetti al sistema di coordinate capovolte di UIKit vs Quartz. Da docs for CGContext:

Il parametro in senso orario determina la direzione in cui viene creato l'arco; la direzione effettiva del percorso finale dipende dalla matrice di trasformazione corrente del contesto grafico. Ad esempio, su iOS, un UIView capovolge la coordinata Y ridimensionando i valori Y di -1. In un sistema di coordinate capovolte, specificando un arco in senso orario si ottiene un arco in senso antiorario dopo l'applicazione della trasformazione.

È possibile alleviare questo nel codice utilizzando la matrice di trasformazione per capovolgere vostro contesto:

CGContextTranslateCTM(ctx, 0.0, self.bounds.size.height); 
CGContextScaleCTM(ctx, 1.0, -1.0); 

Probabilmente si desidera capovolgere indietro quando si è finito con il disegno cioè

CGContextSaveGState(ctx); 
CGContextTranslateCTM(ctx, 0.0, self.bounds.size.height); 
CGContextScaleCTM(ctx, 1.0, -1.0); 

// Draw... 

CGContextRestoreGState(ctx);