コードを介してUIViewを描画し、UIColorで塗りつぶすアプリに取り組んでいます。次に、mask.pngファイル(透明度なし、白黒のみ)をロードし、UIViewをマスクして外観を変更します。
これを行う方法はありますか?
// 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;
QuartzCoreをインポートし、フレームワークを追加することを忘れないでください
#import <QuartzCore/QuartzCore.h>
とても簡単ですが、どこにも答えが見つかりませんでした!
iOS8ではmaskView
プロパティが導入されており、代替ビューを使用してマスク画像を提供できます。 Swiftの場合:
if let maskImage = UIImage(named: "MaskImage") {
myView.maskView = UIImageView(image: maskImage)
}
実際に透明度のある画像を提供する必要があることに注意してください。白い部分(不透明の場合)と黒い部分(透明の場合)のある画像は機能しません。
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 );
}
上記のコードでカテゴリを作成しました:
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
よろしくお願いします、
この関数で終わった:
- (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];
}
Swift 2.
UIImageとマスク画像をこの関数に渡すと、マスクされた画像が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
}