【问题标题】:Cropping UIImage by custom shape通过自定义形状裁剪 UIImage
【发布时间】:2016-10-05 05:29:59
【问题描述】:

我有一个背景 UIImage,我想用自定义形状裁剪背景 UIImage,所以这个背景图像只能通过自定义形状“出现”。例如,我有一个月亮形状的自定义形状,我希望背景图像只出现在月亮形状的部分。

根据另一个答案,我正在尝试像这样在图像上施加蒙版:

- (UIImage *)createImageFromImage:(UIImage *)image
                    withMaskImage:(UIImage *)mask {
    CGImageRef imageRef = image.CGImage;
    CGImageRef maskRef = mask.CGImage;

    CGImageRef imageMask = CGImageMaskCreate(CGImageGetWidth(maskRef),
                                             CGImageGetHeight(maskRef),
                                             CGImageGetBitsPerComponent(maskRef),
                                             CGImageGetBitsPerPixel(maskRef),
                                             CGImageGetBytesPerRow(maskRef),
                                             CGImageGetDataProvider(maskRef),
                                             NULL,
                                             YES);

    CGImageRef maskedReference = CGImageCreateWithMask(imageRef, imageMask);
    CGImageRelease(imageMask);

    UIImage *maskedImage = [UIImage imageWithCGImage:maskedReference];
    CGImageRelease(maskedReference);

    return maskedImage;
}

但是,这个结果看起来像,它有几个问题:

  1. 我的月亮是100*100,这个比例拉长了很奇怪
  2. 我的目标只是让图像穿过月球 - 然而,此刻月亮是一个白色的形状,正从图像上方飞过

任何关于如何解决作物问题的想法都将不胜感激。谢谢!

【问题讨论】:

标签: ios objective-c uiimage


【解决方案1】:

在您的背景图片上,您必须通过CALayer 添加自定义蒙版。 请记住,您在 mask.png(月亮)中着色的所有内容都是可见的,所有 透明 都不会显示。

UIImage *moonImage = [UIImage imageNamed:@"mask.png"];
CALayer *maskLayer = [CALayer layer];
[maskLayer setContents:(id)moonImage.CGImage];
[maskLayer setFrame:CGRectMake(0.0f, 0.0f, moonImage.size.width, moonImage.size.height)];

UIImageView *yourBackgroundImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 1024, 768)];
// Keep your image view in tact here, just add:
[yourBackgroundImageView.layer setMask:maskLayer];

【讨论】:

  • 这很好用,并且达到了我需要的结果。谢谢!
  • @daspianist 我需要准确的行为。我应该在哪里写上面的代码?
猜你喜欢
  • 2012-10-29
  • 2017-06-14
  • 2012-10-12
  • 1970-01-01
  • 2013-07-27
  • 2010-09-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多