enmascarando un UIImage

Question

Estoy trabajando en una aplicación que puede cambiar los bordes o un UIImage rectangular. Los bordes variarán, pero parecerá que el UIImage fue cortado con tijeras, o algo que afecta.

¿Cuál es la mejor manera de hacerlo?

Mi primer pensamiento es preparar un montón de PNG transparentes con el efecto de borde correcto que estoy buscando, y de alguna manera usar eso como una máscara para mi UIImage. ¿Es este el camino correcto? ¿O hay una forma programática más flexible para hacer esto?

Answer 1

Éstos son el núcleo de gráficos llama que se puede utilizar para enmascarar la imagen:

//Mask Image 
UIImage *inputImage = [UIImage imageNamed:@"inputImage.png"]; 
CGImageRef maskRef = [UIImage imageNamed:@"mask.png"].CGImage; 

CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef), 
            CGImageGetHeight(maskRef), 
            CGImageGetBitsPerComponent(maskRef), 
            CGImageGetBitsPerPixel(maskRef), 
            CGImageGetBytesPerRow(maskRef), 
            CGImageGetDataProvider(maskRef), NULL, false); 

CGImageRef masked = CGImageCreateWithMask([inputImage CGImage], mask); 
CGImageRelease(mask); 

UIImage *maskedImage = [UIImage imageWithCGImage:masked]; 

CGImageRelease(masked); 

Answer 2

Sí, eso es más o menos lo que necesita hacer. El mejor enfoque es usar Core Graphics; la guía de programación en 2D de Quartz tiene un article describing how to mask images with other images. Puede obtener un CGImageRef (que utilizan estos métodos de gráficos centrales) de un objeto UIImage a través de su propiedad CGImage, y luego obtener un UIImage desde su CGImageRef modificado (enmascarado) utilizando el método de clase UIImage+imageWithCGImage:.

Answer 3

Usted necesita enmascaramiento de imagen para que, escribí una tutorial on how to use it y cómo lo he usado en mi propia aplicación.

El siguiente código de ejemplo debería ayudarlo a comenzar, necesita la imagen original y una imagen de máscara como entrada y devuelve la imagen enmascarada como salida.

- (UIImage*) maskImage:(UIImage *) image withMask:(UIImage *) mask 
{ 
    CGImageRef imageReference = image.CGImage; 
    CGImageRef maskReference = mask.CGImage; 

    CGImageRef imageMask = CGImageMaskCreate(CGImageGetWidth(maskReference), 
              CGImageGetHeight(maskReference), 
              CGImageGetBitsPerComponent(maskReference), 
              CGImageGetBitsPerPixel(maskReference), 
              CGImageGetBytesPerRow(maskReference), 
              CGImageGetDataProvider(maskReference), 
              NULL, // Decode is null 
              YES // Should interpolate 
              ); 

    CGImageRef maskedReference = CGImageCreateWithMask(imageReference, imageMask); 
    CGImageRelease(imageMask); 

    UIImage *maskedImage = [UIImage imageWithCGImage:maskedReference]; 
    CGImageRelease(maskedReference); 

    return maskedImage; 
} 

Answer 4

Hay otra forma de hacerlo con una ruta. He publicado un código que lo hace con un círculo y podría editarse fácilmente para que funcione con cualquier ruta cerrada.

How to crop UIImage on oval shape or circle shape?