2016-12-29 54 views
11

Zrobiłem łuk jak poniżej. Poprzez określenie promienia Zacznij kąt, kąt końcowyJak zrobić róg dla łuku

CGContextAddArc(ctx, self.frame.size.width/2 , self.frame.size.height/2, 
self.radius, 2*M_PI, 3*M_PI/2-ToRad(angle), 0); 

Teraz chcę, aby róg łuku zaokrąglona. Więc potrzeba rysowania kół na obu końcach. Ponieważ używam wymiarów ramek, dając stałe, nie będą działać.

enter image description here

+0

Czy jesteś biblioteka graficzna zapewniają ustawienie charakterystyki pióro? Podobnie jak PS_ENDCAP_ROUND w Windows GDI. – MBo

Odpowiedz

9

Spróbuj ustawić Graphics State parametrów CGContextSetLineJoin do runda: CGContextSetLineCap(ctx, kCGLineCapRound);

Tu jest moje badania oparte na swoje pytanie. Metoda znajduje się w metodzie drawRect: napisałem krótką metodę jej abstrakcji, aby podać tylko parametr startAngle, endAngle i promień metody. Oczywiście, że będzie udoskonalony.

Podałem ci obrazek z wyniku tej metody.

- (void)drawRect:(CGRect)rect { 
    float startAngle = 0; 
    float endAngle = 60; 
    float radius = 50.0; 

    CGContextRef ctx = [self drawRoundedArcWithStartAngle:startAngle endAngle:endAngle radius:radius]; 
    CGContextStrokePath(ctx); 
} 

- (CGContextRef)drawRoundedArcWithStartAngle:(float)startAngle endAngle:(float)endAngle radius:(float)radius { 

    CGContextRef ctx = UIGraphicsGetCurrentContext(); 
    // [CGContextAddArc(ctx, self.frame.size.width/2 , self.frame.size.height/2, radius, 2*M_PI, 3*M_PI/2-(angle * M_PI/180), 0)]; 

    CGContextAddArc(ctx, self.frame.size.width/ 2, self.frame.size.height/2, radius, (startAngle * M_PI/180), (endAngle * M_PI/180), 0); 
    CGContextSetRGBStrokeColor(ctx, 0.0, 0.0, 0.0, 1.0); 
    CGContextSetLineWidth(ctx, 20.0f); 
    CGContextSetLineCap(ctx, kCGLineCapRound); 
    return ctx; 
} 

Mam nadzieję, że pomoże!

Arc with rounding. Output from the method above.

+0

Działa dobrze. – Saranjith

+0

oznaczyć tę odpowiedź jako zaakceptowaną, jeśli rozwiązuje problem @Saranjith – raki

0

Można ustawić go łatwo

Objective-C

CGContextSetLineCap(context, kCGLineCapRound); 

Swift

context?.setLineCap(.round) 
context?.addArc(center: center, radius: radius, startAngle: startAngle, endAngle: endAngle, clockwise: true/false) 
+0

To nie zadziała ... – Saranjith