maskowanie UIImage

Question

Pracuję nad aplikacją, która może zmienić granice lub prostokątną UIImage. Granice będą się różnić, ale będą wyglądać tak, jakby UIImage został wycięty nożyczkami lub czymś takim.

Jaki jest najlepszy sposób na zrobienie tego?

Moja pierwsza myśl polega na przygotowaniu grupy przezroczystych plików PNG z odpowiednim efektem granicy, którego szukam, a następnie w jakiś sposób wykorzystam to jako maskę dla mojej UIImage. Czy to właściwa ścieżka? Czy istnieje bardziej elastyczny programowy sposób na zrobienie tego?

Answer 1

Oto rdzeń graficzny nazywa, które można wykorzystać w celu maskowania obrazu:

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

Tak, to prawie wszystko, co musisz zrobić. Najlepszym podejściem jest wykorzystanie Core Graphics; Przewodnik programowania w Quartz 2D ma numer article describing how to mask images with other images. Możesz uzyskać wartość CGImageRef (używaną przez te metody Core Graphics) z obiektu UIImage za pomocą jej właściwości , a następnie pobrać UIImage z powrotem z zmodyfikowanego (zamaskowanego) CGImageRef przy użyciu metody klasy UIImage.

Answer 3

Trzeba maskowanie obrazu na to, napisałem tutorial on how to use it i jak użyłem go we własnej aplikacji.

Poniższy przykładowy kod powinien pomóc w rozpoczęciu pracy, potrzebuje oryginalnego obrazu i obrazu maski jako danych wejściowych i zwraca zamaskowany obraz jako wynik.

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

Istnieje inny sposób robienia tego ze ścieżką. Opublikowaliśmy kod, który robi to z kręgu i może być łatwo edytowany do pracy z dowolną zamkniętą ścieżką.

How to crop UIImage on oval shape or circle shape?