Wie maskiere ich eine UIView?

Arbeite ich an einer app, wo ich ziehen einen UIView über code und ich füllen Sie es mit ein UIColor. Als Nächstes möchte ich auf das laden einer Maske.png-Datei (keine Transparenz, nur schwarz und weiß) und Maske der UIView zu ändern, seine visuelle Erscheinung.

Jede Idee, wie dies zu tun?

InformationsquelleAutor der Frage Thomas Joos | 2010-06-17

  1. 51
    //Create your mask layer
CALayer* maskLayer = [CALayer layer];
maskLayer.frame = CGRectMake(0,0,yourMaskWidth ,yourMaskHeight);
maskLayer.contents = (__bridge id)[[UIImage imageNamed:@"yourMaskImage.png"] CGImage];

//Apply the mask to your uiview layer        
yourUIView.layer.mask = maskLayer;

    Erinnern zu importieren, QuartzCore und fügen Sie den Rahmen

    #import <QuartzCore/QuartzCore.h>

    Ist es sehr einfach, aber ich habe nicht die Antwort finden überall!

    InformationsquelleAutor der Antwort JEzu

  2. 11

    iOS 8 führt die maskView Eigentum, das Ihnen erlaubt, eine Alternative Sicht zu bieten, das Bild mit der Maske. In Swift:

    if let maskImage = UIImage(named: "MaskImage") {
    myView.maskView = UIImageView(image: maskImage)
}

    Beachten Sie, dass Sie brauchen, um liefern ein Bild, das wirklich transparent ist; ein Bild mit weißen teilen (Opak) und schwarz-Teile (für die Transparenz) wird nicht funktionieren.

    InformationsquelleAutor der Antwort Robert

  3. 5

    Könnten Sie in der Lage sein zu verwenden CGContextClipToMask:

    -(void) drawRect:(CGRect)dirty {
  CGContextRef context = UIGraphicsGetCurrentContext();
  CGContextSaveGState( context );
  CGContextClipToMask( context , [self bounds] , [self maskImage] );
  [super drawRect:dirty]; //or draw your color manually
  CGContextRestoreGState( context );
}

    InformationsquelleAutor der Antwort drawnonward

  4. 4

    Habe ich eine Kategorie erstellen mit dem obigen code :

    UIView+ImageMask.h :

    #import <UIKit/UIKit.h>

@interface UIView (ImageMask)

- (void) maskWithImage:(UIImage*) mask;
- (void) maskWithImage:(UIImage*)mask size:(CGSize)maskSize;
- (void) removeMask;

@end

    UIView+ImageMask.m :

    #import <QuartzCore/QuartzCore.h>

#import "UIView+ImageMask.h"

@implementation UIView (ImageMask)

- (void) maskWithImage:(UIImage*) mask {
    [self maskWithImage:mask size:mask.size];
}

- (void) maskWithImage:(UIImage*)mask size:(CGSize)maskSize {
    CALayer* maskLayer = [CALayer layer];
    maskLayer.frame = CGRectMake(0, 0, maskSize.size.width, maskSize.size.height);
    maskLayer.contents = (__bridge id)[mask CGImage];

    //Apply the mask to your uiview layer
    self.layer.mask = maskLayer;
}

- (void) removeMask {
    self.layer.mask = nil;
}

@end

    InformationsquelleAutor der Antwort mt81

  5. 3

    Dank drawnonward,

    endete mit dieser Funktion:

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

    UIGraphicsBeginImageContext(image.bounds.size);
    [image.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();


    CGImageRef maskRef = maskImage.CGImage; 

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

    CGImageRef masked = CGImageCreateWithMask([viewImage CGImage], mask);
    return [UIImage imageWithCGImage:masked];

}

    InformationsquelleAutor der Antwort Thomas Joos

  6. 0

    Swift 2.0

    Pass ein UIImage und ein Bild mit der Maske, um diese Funktion, und Sie erhalten eine maskierte Bild als UIImage.

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

    let imageReference = image.CGImage
    let maskReference = mask.CGImage

    let imageMask = CGImageMaskCreate(CGImageGetWidth(maskReference),
                                  CGImageGetHeight(maskReference),
                                  CGImageGetBitsPerComponent(maskReference),
                                  CGImageGetBitsPerPixel(maskReference),
                                  CGImageGetBytesPerRow(maskReference),
                                  CGImageGetDataProvider(maskReference), nil, true)

   let maskedReference = CGImageCreateWithMask(imageReference, imageMask)

   let maskedImage = UIImage(CGImage:maskedReference!)

   return maskedImage
}

    InformationsquelleAutor der Antwort Ashutosh Jha

Schreibe einen Kommentar