屏蔽 UIImage

Question

我正在开发一个可以更改边框或矩形 UIImage 的应用程序。边框会有所不同，但看起来就像 UIImage 是用剪刀剪下来的，或者有其他影响。

最好的方法是什么？

我的第一个想法是准备一堆具有我正在寻找的正确边框效果的透明 PNG，然后以某种方式将其用作我的 UIImage 的蒙版。这是正确的道路吗？或者有更灵活的编程方式来做到这一点？

Answer 1

以下是可用于遮罩图像的 Core Graphics 调用：

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

为此，您需要图像屏蔽，我写了一个关于如何使用它的教程以及我如何在自己的应用程序中使用它。

以下示例代码应该可以帮助您入门，它需要原始图像和蒙版图像作为输入，并返回蒙版图像作为输出。

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

是的，这就是您需要做的。最好的方法是使用 Core Graphics； Quartz 2D 编程指南有一个 描述如何用其他图像遮盖图像的文章。您可以通过 UIImage 对象通过其 CGImage 属性获取 CGImageRef （这些 Core Graphics 方法使用的），然后获取 UIImage 使用 UIImage 类方法 +imageWithCGImage: 从更改（屏蔽）的 CGImageRef 返回。

Answer 4

还有另一种方法可以通过路径来做到这一点。我已经发布了用圆圈执行此操作的代码，并且可以轻松编辑以适用于任何闭合路径。

如何在椭圆形或椭圆形上裁剪 UIImage圆形？