Ich versuche ein Bild mit so etwas zu maskieren:

Würden Sie mir bitte helfen?

Ich benutze diesen Code:

- (void) viewDidLoad {
    UIImage *OrigImage = [UIImage imageNamed:@"dogs.png"];
    UIImage *mask = [UIImage imageNamed:@"mask.png"];
    UIImage *maskedImage = [self maskImage:OrigImage withMask:mask];
    myUIIMage.image = maskedImage;
}

Es gibt einen einfacheren Weg.

#import <QuartzCore/QuartzCore.h>
// remember to include Framework as well

CALayer *mask = [CALayer layer];
mask.contents = (id)[[UIImage imageNamed:@"mask.png"] CGImage];
mask.frame = CGRectMake(0, 0, <img_width>, <img_height>);
yourImageView.layer.mask = mask;
yourImageView.layer.masksToBounds = YES;

Für Swift 4 und höher folgen Sie dem Code unten

let mask = CALayer()
mask.contents =  [ UIImage(named: "right_challenge_bg")?.cgImage] as Any
mask.frame = CGRect(x: 0, y: 0, width: leftBGImage.frame.size.width, height: leftBGImage.frame.size.height)
leftBGImage.layer.mask = mask
leftBGImage.layer.masksToBounds = true

Das Tutorial verwendet diese Methode mit zwei Parametern: imageund maskImagediese müssen Sie beim Aufrufen der Methode festlegen. Ein Beispielaufruf könnte folgendermaßen aussehen, vorausgesetzt, die Methode befindet sich in derselben Klasse und die Bilder befinden sich in Ihrem Bundle:

Hinweis - erstaunlicherweise müssen die Bilder nicht einmal die gleiche Größe haben.

...
UIImage *image = [UIImage imageNamed:@"dogs.png"];
UIImage *mask = [UIImage imageNamed:@"mask.png"];

// result of the masking method
UIImage *maskedImage = [self maskImage:image withMask:mask];

...

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage {

    CGImageRef maskRef = maskImage.CGImage; 

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

    CGImageRef maskedImageRef = CGImageCreateWithMask([image CGImage], mask);
    UIImage *maskedImage = [UIImage imageWithCGImage:maskedImageRef];

    CGImageRelease(mask);
    CGImageRelease(maskedImageRef);

    // returns new image with mask applied
    return maskedImage;
}

Nachdem Sie Ihren Code angegeben haben, habe ich einige Nummern als Kommentare als Referenz hinzugefügt. Sie haben noch zwei Möglichkeiten. Diese ganze Sache ist eine Methode, die Sie irgendwo aufrufen. Sie müssen die darin enthaltenen Bilder nicht erstellen. Dadurch wird die Wiederverwendbarkeit der Methode auf Null reduziert.

Damit Ihr Code funktioniert. Ändern Sie den Methodenkopf ( 1. ) in

- (UIImage *)maskImageMyImages {

Ändern Sie dann den Namen der Variablen in 2. in

UIImage *maskImage = [UIImage imageNamed:@"mask.png"];

Die Methode gibt Ihre maskierten Bilder zurück, sodass Sie diese Methode an einer bestimmten Stelle aufrufen müssen. Können Sie uns den Code zeigen, in dem Sie Ihre Methode aufrufen?

Swift 3 - Einfachste Lösung, die ich gefunden habe

Ich habe eine @IBDesignabledafür erstellt, damit Sie den Effekt sofort auf Ihrem Storyboard sehen können.

import UIKit

@IBDesignable
class UIImageViewWithMask: UIImageView {
    var maskImageView = UIImageView()

    @IBInspectable
    var maskImage: UIImage? {
        didSet {
            maskImageView.image = maskImage
            updateView()
        }
    }

    // This updates mask size when changing device orientation (portrait/landscape)
    override func layoutSubviews() {
        super.layoutSubviews()
        updateView()
    }

    func updateView() {
        if maskImageView.image != nil {
            maskImageView.frame = bounds
            mask = maskImageView
        }
    }
} 

Wie benutzt man

1. Erstellen Sie eine neue Datei und fügen Sie den obigen Code ein.
2. Fügen Sie UIImageView zu Ihrem Storyboard hinzu (weisen Sie ein Bild zu, wenn Sie möchten).
3. Im Identitätsinspektor: Ändern Sie die benutzerdefinierte Klasse in "UIImageViewWithMask" (Name der benutzerdefinierten Klasse oben).
4. Im Attributinspektor: Wählen Sie das Maskenbild aus, das Sie verwenden möchten.

Beispiel

Anmerkungen

• Ihr Maskenbild sollte einen transparenten Hintergrund (PNG) für den nicht schwarzen Teil haben.

Ich habe beide Codes entweder mit CALayer oder CGImageCreateWithMask ausprobiert, aber keiner von ihnen hat bei mir nicht funktioniert

Aber ich fand heraus, dass das Problem mit dem PNG-Dateiformat ist, NICHT mit dem Code !!
Also nur um meine Erkenntnisse zu teilen!

Wenn Sie verwenden möchten

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage

Sie müssen verwenden 24bit png ohne Alpha - Kanal

Wenn Sie eine CALayer-Maske verwenden möchten, müssen Sie (24-Bit- oder 8-Bit-) PNG mit Alpha-Kanal verwenden, wobei ein transparenter Teil Ihres PNG das Bild maskiert (für eine Alpha-Maske mit glattem Farbverlauf verwenden Sie 24-Bit-PNG mit Alpha-Kanal).

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage {
        CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

        CGImageRef maskImageRef = [maskImage CGImage];

        // create a bitmap graphics context the size of the image
        CGContextRef mainViewContentContext = CGBitmapContextCreate (NULL, maskImage.size.width, maskImage.size.height, 8, 0, colorSpace, kCGImageAlphaPremultipliedLast);
        CGColorSpaceRelease(colorSpace);

        if (mainViewContentContext==NULL)
            return NULL;

        CGFloat ratio = 0;

        ratio = maskImage.size.width/ image.size.width;

        if(ratio * image.size.height < maskImage.size.height) {
            ratio = maskImage.size.height/ image.size.height;
        }

        CGRect rect1  = {{0, 0}, {maskImage.size.width, maskImage.size.height}};
        CGRect rect2  = {{-((image.size.width*ratio)-maskImage.size.width)/2 , -((image.size.height*ratio)-maskImage.size.height)/2}, {image.size.width*ratio, image.size.height*ratio}};


        CGContextClipToMask(mainViewContentContext, rect1, maskImageRef);
        CGContextDrawImage(mainViewContentContext, rect2, image.CGImage);


        // Create CGImageRef of the main view bitmap content, and then
        // release that bitmap context
        CGImageRef newImage = CGBitmapContextCreateImage(mainViewContentContext);
        CGContextRelease(mainViewContentContext);

        UIImage *theImage = [UIImage imageWithCGImage:newImage];

        CGImageRelease(newImage);

        // return the image
        return theImage;
}

Das funktioniert bei mir.

SWIFT 3 XCODE 8.1

func maskImage(image: UIImage, withMask maskImage: UIImage) -> UIImage {

    let maskRef = maskImage.cgImage

    let mask = CGImage(
        maskWidth: maskRef!.width,
        height: maskRef!.height,
        bitsPerComponent: maskRef!.bitsPerComponent,
        bitsPerPixel: maskRef!.bitsPerPixel,
        bytesPerRow: maskRef!.bytesPerRow,
        provider: maskRef!.dataProvider!,
        decode: nil,
        shouldInterpolate: false)

    let masked = image.cgImage!.masking(mask!)
    let maskedImage = UIImage(cgImage: masked!)

    // No need to release. Core Foundation objects are automatically memory managed.

    return maskedImage

}

// für den Einsatz

testImage.image = maskImage(image: UIImage(named: "OriginalImage")!, withMask: UIImage(named: "maskImage")!)

Schnelle Version der akzeptierten Lösung:

func maskImage(image: UIImage, withMask maskImage: UIImage) -> UIImage {

    let maskRef = maskImage.CGImage

    let mask = CGImageMaskCreate(
        CGImageGetWidth(maskRef),
        CGImageGetHeight(maskRef),
        CGImageGetBitsPerComponent(maskRef),
        CGImageGetBitsPerPixel(maskRef),
        CGImageGetBytesPerRow(maskRef),
        CGImageGetDataProvider(maskRef),
        nil,
        false)

    let masked = CGImageCreateWithMask(image.CGImage, mask)
    let maskedImage = UIImage(CGImage: masked)!

    // No need to release. Core Foundation objects are automatically memory managed.

    return maskedImage

}

Nur für den Fall, dass jemand es braucht.

Es funktioniert einwandfrei für mich.

Wir haben festgestellt, dass die richtige Antwort jetzt nicht funktioniert, und haben eine kleine Drop-In-Klasse implementiert, mit deren Hilfe jedes Bild in UIImageView maskiert werden kann.

Es ist hier verfügbar: https://github.com/Werbary/WBMaskedImageView

Beispiel:

WBMaskedImageView *imgView = [[WBMaskedImageView alloc] initWithFrame:frame];
imgView.originalImage = [UIImage imageNamed:@"original_image.png"];
imgView.maskImage = [UIImage imageNamed:@"mask_image.png"];