Comment puis-je effacer les coins à l'extérieur d'un rectangle arrondi à l'aide du SDK iPhone?

Question

Je tente d'implémenter une vue personnalisée. Cette vue doit afficher une image entourée d'une bordure rectiligne grise et arrondie. Je peux obtenir l'image pour bien afficher, ainsi que la bordure, cependant, comme la bordure a des coins arrondis, j'ai besoin d'un moyen d'effacer ces coins de sorte qu'ils affichent correctement ce qui se trouve derrière la vue. Comment puis-je accomplir cela?

Il semble que je pourrais être en mesure d'utiliser CGContextClearRect, mais alors ne devrais-je pas appeler cela plusieurs fois, reconstruire la zone en dehors de mon coin arrondi? Cela semble trop compliqué.

Y a-t-il une meilleure façon de créer cette vue?

Voici mon code actuel:

- (void)drawRect:(CGRect)rect 
{ 
    CGContextRef context = UIGraphicsGetCurrentContext(); 

    // Draw the image. This will completely fill the current rect. 
    [image drawInRect:self.bounds]; 

    // Ensure we draw completely within our bounds instead of straddling it. 
    CGRect rrect = self.bounds; 
    rrect.size.height = rrect.size.height - 1.0; 
    rrect.size.width = rrect.size.width - 1.0; 
    rrect.origin.x = rrect.origin.x + (1.0/2); 
    rrect.origin.y = rrect.origin.y + (1.0/2); 

    CGFloat radius = 5.0; 
    CGFloat minx = CGRectGetMinX(rrect); 
    CGFloat midx = CGRectGetMidX(rrect); 
    CGFloat maxx = CGRectGetMaxX(rrect); 
    CGFloat miny = CGRectGetMinY(rrect); 
    CGFloat midy = CGRectGetMidY(rrect); 
    CGFloat maxy = CGRectGetMaxY(rrect); 

    // Draw the rounded rect border. 
    CGContextSetRGBStrokeColor(context, 0.6, 0.6, 0.6, 1.0); 
    CGContextSetRGBFillColor(context, 1.0, 1.0, 1.0, 0.0); 
    CGContextSetLineWidth(context, 1.0); 
    CGContextMoveToPoint(context, minx, midy); 
    CGContextAddArcToPoint(context, minx, miny, midx, miny, radius); 
    CGContextAddArcToPoint(context, maxx, miny, maxx, midy, radius); 
    CGContextAddArcToPoint(context, maxx, maxy, midx, maxy, radius); 
    CGContextAddArcToPoint(context, minx, maxy, minx, midy, radius); 
    CGContextClosePath(context); 
    CGContextDrawPath(context, kCGPathFillStroke); 
} 

Answer 1

Ajouter le chemin rect arrondi au chemin de détourage avant de dessiner l'image.

Answer 2

La semaine dernière, j'essayais de faire quelque chose de similaire. Avec votre question, la réponse et d'autres Q & A J'ai créé un exemple avec une solution.

https://github.com/GabrielMassana/TransparentRoudRectButton