masking a UIImage

Question

Sto lavorando a un'app che può modificare i bordi o un UIImage rettangolare. I bordi varieranno, ma sembrerà che l'UIImage sia stato tagliato con le forbici, o qualcosa di simile.

Qual è il modo migliore per farlo?

Il mio primo pensiero è preparare un gruppo di PNG trasparenti con l'effetto bordo corretto che sto cercando, e quindi usarlo in qualche modo come maschera per il mio UIImage. È questa la strada giusta? O c'è un modo programmatico più flessibile per farlo?

Answer 1

Ecco il Graphics Core chiama che è possibile utilizzare per mascherare l'immagine:

//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ì, è più o meno quello che devi fare. L'approccio migliore è utilizzare la grafica principale; la guida alla programmazione 2D di Quartz ha un article describing how to mask images with other images. È possibile ottenere un CGImageRef (che utilizzano questi metodi di grafica core) da un oggetto UIImage tramite la proprietà CGImage e quindi ottenere uno modificato con il metodo modificato utilizzando il metodo di classe UIImage+imageWithCGImage:.

Answer 3

È necessario mascheramento immagine per questo, ho scritto un tutorial on how to use it e come ho usato nella mia propria applicazione.

Il seguente codice di esempio dovrebbe aiutarti a iniziare, ha bisogno dell'immagine originale e di un'immagine maschera come input e restituisce l'immagine mascherata come output.

- (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

C'è un altro modo di farlo con un percorso. Ho pubblicato il codice che lo fa con una cerchia e potrebbe essere facilmente modificato per funzionare con qualsiasi percorso chiuso.

How to crop UIImage on oval shape or circle shape?