Esquinas redondeadas en UIImage

Question

Estoy tratando de dibujar imágenes en el iPhone con esquinas redondeadas, al igual que las imágenes de contacto en la aplicación Contactos. Tengo un código que generalmente funciona, pero ocasionalmente se cuelga dentro de las rutinas de dibujo de UIImage con un EXEC_BAD_ACCESS - KERN_INVALID_ADDRESS. Pensé que esto podría estar relacionado con el cropping question que pedí hace unas semanas, pero creo que estoy configurando el trazado de recorte correctamente.

Aquí está el código que estoy usando: cuando no falla, el resultado se ve bien y cualquiera que busque obtener una apariencia similar puede tomar prestado el código.

- (UIImage *)borderedImageWithRect: (CGRect)dstRect radius:(CGFloat)radius { 
    UIImage *maskedImage = nil; 

    radius = MIN(radius, .5 * MIN(CGRectGetWidth(dstRect), CGRectGetHeight(dstRect))); 
    CGRect interiorRect = CGRectInset(dstRect, radius, radius); 

    UIGraphicsBeginImageContext(dstRect.size); 
    CGContextRef maskedContextRef = UIGraphicsGetCurrentContext(); 
    CGContextSaveGState(maskedContextRef); 

    CGMutablePathRef borderPath = CGPathCreateMutable(); 
    CGPathAddArc(borderPath, NULL, CGRectGetMinX(interiorRect), CGRectGetMinY(interiorRect), radius, PNDegreeToRadian(180), PNDegreeToRadian(270), NO); 
    CGPathAddArc(borderPath, NULL, CGRectGetMaxX(interiorRect), CGRectGetMinY(interiorRect), radius, PNDegreeToRadian(270.0), PNDegreeToRadian(360.0), NO); 
    CGPathAddArc(borderPath, NULL, CGRectGetMaxX(interiorRect), CGRectGetMaxY(interiorRect), radius, PNDegreeToRadian(0.0), PNDegreeToRadian(90.0), NO); 
    CGPathAddArc(borderPath, NULL, CGRectGetMinX(interiorRect), CGRectGetMaxY(interiorRect), radius, PNDegreeToRadian(90.0), PNDegreeToRadian(180.0), NO); 

    CGContextBeginPath(maskedContextRef); 
    CGContextAddPath(maskedContextRef, borderPath); 
    CGContextClosePath(maskedContextRef); 
    CGContextClip(maskedContextRef); 

    [self drawInRect: dstRect]; 

    maskedImage = UIGraphicsGetImageFromCurrentImageContext(); 
    CGContextRestoreGState(maskedContextRef); 
    UIGraphicsEndImageContext(); 

    return maskedImage; 
} 

y aquí está el registro de fallos. Se ve igual cada vez que tengo uno de estos accidentes

 
Exception Type: EXC_BAD_ACCESS (SIGSEGV) 
Exception Codes: KERN_INVALID_ADDRESS at 0x6e2e6181 
Crashed Thread: 0 

Thread 0 Crashed: 
0 com.apple.CoreGraphics   0x30fe56d8 CGGStateGetRenderingIntent + 4 
1 libRIP.A.dylib     0x33c4a7d8 ripc_RenderImage + 104 
2 libRIP.A.dylib     0x33c51868 ripc_DrawImage + 3860 
3 com.apple.CoreGraphics   0x30fecad4 CGContextDelegateDrawImage + 80 
4 com.apple.CoreGraphics   0x30feca40 CGContextDrawImage + 368 
5 UIKit       0x30a6a708 -[UIImage drawInRect:blendMode:alpha:] + 1460 
6 UIKit       0x30a66904 -[UIImage drawInRect:] + 72 
7 MyApp       0x0003f8a8 -[UIImage(PNAdditions) borderedImageWithRect:radius:] (UIImage+PNAdditions.m:187) 

Answer 1

Aquí es un método aún más sencillo que está disponible en el iPhone 3.0 o superior. Cada objeto basado en la vista tiene una capa asociada. Cada capa puede tener un conjunto de radio de esquina, esto le dará justo lo que desea:

UIImageView * roundedView = [[UIImageView alloc] initWithImage: [UIImage imageNamed:@"wood.jpg"]]; 
// Get the Layer of any view 
CALayer * l = [roundedView layer]; 
[l setMasksToBounds:YES]; 
[l setCornerRadius:10.0]; 

// You can even add a border 
[l setBorderWidth:4.0]; 
[l setBorderColor:[[UIColor blueColor] CGColor]]; 

Answer 2

no puedo ofrecer ninguna información sobre su accidente, pero yo pensaba que iba a ofrecer otra opción para redondear las esquinas. Tuve un problema similar en una aplicación en la que estaba trabajando. En lugar de escribir cualquier código, estoy sobreponiendo otra imagen que enmascara las esquinas.

Answer 3

Si solo falla algunas veces, averigüe qué tienen en común los casos de colisión. ¿Es dstRect el mismo todo el tiempo? ¿Alguna vez las imágenes tienen un tamaño diferente?

Además, necesita CGPathRelease(borderPath), aunque dudo que la fuga esté causando su problema.

Answer 4

La manera más fácil es insertar un botón deshabilitado [!] Redondo-rect [no personalizado!] En su vista (incluso puede hacerlo todo en Interface Builder) y asociar su imagen con él. El mensaje de configuración de imagen es diferente para UIButton (en comparación con UIImageView), pero el kludge general funciona como un amuleto. Use setImage: forState: si desea un icono centrado o setBackgroundImage: forState: si desea que se corte toda la imagen con las esquinas (como Contactos). Por supuesto, si desea mostrar muchas de estas imágenes en su drawRect, este no es el enfoque correcto, pero es más probable que una vista incrustada sea exactamente lo que necesita de todos modos ...

Answer 5

Si llama a su método (borderedImageWithRect) en una cadena de fondo, pueden producirse bloqueos ya que las funciones de UIGraphics no son seguras para subprocesos. En tal caso, debe crear un contexto usando CGBitmapContextCreate() - vea el código de muestra "Reflection" del SDK.

Answer 6

Reitero fjoachim's answer: tenga cuidado al intentar dibujar mientras se ejecuta en un hilo separado, o puede obtener EXC_BAD_ACCESS errores.

Mi solución fue algo como esto: (. En mi caso fue el cambio de tamaño/escala UIImages)

UIImage *originalImage = [UIImage imageNamed:@"OriginalImage.png"] 
[self performSelectorOnMainThread:@selector(displayImageWithRoundedCorners:) withObject:originalImage waitUntilDone:YES]; 

Answer 7

que en realidad tenía la oportunidad de hablar de esto con alguien de Apple en el iPhone Tech Talk en Nueva York. Cuando hablamos de eso, él estaba bastante seguro de que no era un subproceso emitido. En cambio, pensó que necesitaba retener el contexto gráfico que se generó al llamar al UIGraphicsBeginImageContext. Esto parece violar las reglas generales que tratan de retener reglas y esquemas de nombres, pero este tipo estaba bastante seguro de haber visto el problema anteriormente.

Si la memoria estaba siendo garabateada, quizás por otro hilo, eso ciertamente explicaría por qué solo estaba viendo el problema ocasionalmente.

No he tenido tiempo de revisar el código y probar la solución, pero el comentario de PCheese me hizo darme cuenta de que no había publicado la información aquí.

... a menos que escribió que bajar mal y UIGraphicsBeginImageContext debería haber sido CGBitmapContextCreate ...

Answer 8

Si appIconImage es un UIImageView, entonces:

appIconImage.image = [UIImage imageWithContentsOfFile:@"image.png"]; 
appIconImage.layer.masksToBounds = YES; 
appIconImage.layer.cornerRadius = 10.0; 
appIconImage.layer.borderWidth = 1.0; 
appIconImage.layer.borderColor = [[UIColor grayColor] CGColor]; 

Y también recuerda:

#import <QuartzCore/QuartzCore.h> 

Answer 9

Voy a seguir adelante y responder la pregunta en el título.

Pruebe esta categoría.

UIImage + additions.h

#import <UIKit/UIKit.h> 

@interface UIImage (additions) 
-(UIImage*)makeRoundCornersWithRadius:(const CGFloat)RADIUS; 
@end 

UIImage + additions.m

#import "UIImage+additions.h" 

@implementation UIImage (additions) 
-(UIImage*)makeRoundCornersWithRadius:(const CGFloat)RADIUS { 
    UIImage *image = self; 

    // Begin a new image that will be the new image with the rounded corners 
    // (here with the size of an UIImageView) 
    UIGraphicsBeginImageContextWithOptions(image.size, NO, image.scale); 

    const CGRect RECT = CGRectMake(0, 0, image.size.width, image.size.height); 
    // Add a clip before drawing anything, in the shape of an rounded rect 
    [[UIBezierPath bezierPathWithRoundedRect:RECT cornerRadius:RADIUS] addClip]; 
    // Draw your image 
    [image drawInRect:RECT]; 

    // Get the image, here setting the UIImageView image 
    //imageView.image 
    UIImage* imageNew = UIGraphicsGetImageFromCurrentImageContext(); 

    // Lets forget about that we were drawing 
    UIGraphicsEndImageContext(); 

    return imageNew; 
} 
@end 

Answer 10

establecer la imagen en (anchura de la imagen y 41x41 altura) xib o guión.

FirstViewController.h

@interface.... 

IBOutlet UIImageView *testImg; 

@end 

FirstViewController.m

-(void)viewDidLoad{ 
     testImg.layer.backgroundColor=[[UIColor clearColor] CGColor]; 
     testImg.layer.cornerRadius=20; 
     testImg.layer.masksToBounds = YES; 
    } 

Answer 11

UIImage *originalImage = [UIImage imageNamed:@"OriginalImage.png"] 
[self performSelectorOnMainThread:@selector(displayImageWithRoundedCorners:) withObject:originalImage waitUntilDone:YES];