UIImageview 遮罩效果

最新推荐文章于 2021-05-25 16:19:25 发布

转载最新推荐文章于 2021-05-25 16:19:25 发布 · 302 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hanchao/archive/2013/04/09/3010421.html

本文介绍了两种在UIImageview中实现遮罩效果的方法。方法一通过CGImage创建掩膜并应用到图片上；方法二利用CALayer结合mask属性实现图片裁剪。这两种方法均可将任意图片按照指定形状进行裁剪。

UIImageview 遮罩效果

简单的让一张普通图片变形，如图：

实现方式1：

...
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;
}

实现方式2：

#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;

注意，使用方法2时，必须配合[view.layer setMasksToBounds:YES]使用！！

posted on 2013-04-09 16:51 韩超2012 阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/hanchao/archive/2013/04/09/3010421.html