ios - 曲線の不規則なエッジを持つように画像をトリミングするにはどうすればよいですか?

Question

適切なサイズの画像を含む UITableViewCell があります。セルは次のようになります。

そして、私は背景を持っています:

そして、画像のプレースホルダー:

そして、iOSライブラリで画像をトリミングする方法があるかどうか知りたいですか?

Answer 1

はい、可能です：

UIImage *imageToCrop = ...;
UIGraphicsBeginImageContext();
CGContextRef context = UIGraphicsGetCurrentContext();
[imageToCrop drawAtPoint:CGPointZero];
CGContextAddEllipseInRect(context, CGRectMake(0 ,0, imageToCrop.size.width,  imageToCrop.size.height);
CGContextClip(context);
UIImage *croppedImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Answer 2

CoreGraphics を使用して、パスでマスクまたはクリップを追加できます。マスクは、画像のどの部分を表示するかを決定するアルファチャンネルを持つ画像です。以下の例では、イメージ マスクでクリップする方法を示します。

- (UIImage *)croppedImage:(UIImage *)sourceImage
{
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(width, height), NO, [UIScreen mainScreen].scale);

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextClipToMask(context, CGRectMake(0, 0, width, height), [UIImage imageNamed:@"mask"].CGImage);

    [sourceImage drawInRect:CGRectMake(0, 0, width, height)];

    UIImage *resultImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return resultImage;
}

それからあなたは書くことができますcell.picture = [self croppedImage:sourceImage];

Answer 3

画像マスキング技術を使用して、この画像を切り取ることができます。このリンクを ご覧ください/uid/TP30001066-CH212-CJBHIJEB

私はあなたを助けるかもしれないいくつかのコードを書きました

@interface ImageRenderer : NSObject {
UIImage *image_;
}
@property (nonatomic, retain) UIImage * image;
- (void)cropImageinRect:(CGRect)rect;
- (void)maskImageWithMask:(UIImage *)maskImage;
- (void)imageWithAlpha;
@end

@implementation ImageRenderer

@synthesize image = image_;

- (void)cropImageinRect:(CGRect)rect  {
CGImageRef imageRef = CGImageCreateWithImageInRect(image_.CGImage, rect);
image_ = [UIImage imageWithCGImage:imageRef];
CGImageRelease(imageRef);
}

- (void)maskImageWithMask:(UIImage *)maskImage  {

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGImageRef maskImageRef = [maskImage CGImage];
// create a bitmap graphics context the size of the image
CGContextRef mainViewContentContext = CGBitmapContextCreate (NULL, maskImage.size.width, maskImage.size.height, 8, 0, colorSpace, kCGImageAlphaPremultipliedLast);
if (mainViewContentContext == NULL){
    return;
   }

CGFloat ratio = 0;

ratio = maskImage.size.width/ image_.size.width;

if(ratio * image_.size.height < maskImage.size.height) {
    ratio = maskImage.size.height/ image_.size.height;
} 

CGRect rect1  = {{0, 0}, {maskImage.size.width, maskImage.size.height}};
CGRect rect2  = {{-((image_.size.width*ratio)-maskImage.size.width)/2 , -((image_.size.height*ratio)-maskImage.size.height)/2}, {image_.size.width*ratio, image_.size.height*ratio}};

CGContextClipToMask(mainViewContentContext, rect1, maskImageRef);
CGContextDrawImage(mainViewContentContext, rect2, image_.CGImage);
// Create CGImageRef of the main view bitmap content, and then
// release that bitmap context
CGImageRef newImage = CGBitmapContextCreateImage(mainViewContentContext);
CGContextRelease(mainViewContentContext);

image_ = [UIImage imageWithCGImage:newImage];

CGImageRelease(newImage);
}

- (void)imageWithAlpha {
CGImageRef imageRef = image_.CGImage;
CGFloat width = CGImageGetWidth(imageRef);
CGFloat height = CGImageGetHeight(imageRef);

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGContextRef context =  CGBitmapContextCreate(nil, width, height, 8, 0, colorSpace, kCGImageAlphaPremultipliedFirst);
CGContextDrawImage(context, CGRectMake(0, 0, width, height), imageRef);

CGImageRef resultImageRef = CGBitmapContextCreateImage(context);
image_ = [UIImage imageWithCGImage:resultImageRef scale:image_.scale orientation:image_.imageOrientation];

CGContextRelease(context);
CGColorSpaceRelease(colorSpace);
CGImageRelease(resultImageRef);
}

@end

このコードでは、大きな画像から画像を切り取ってから、マスク画像を使用して作業を完了できます。