objective-c - JigSaw拼图uiimage不规则裁剪

Question

正在为 iphone 开发拼图游戏。

在这里，我使用遮罩技术将图像裁剪为 9 块。见下图。

裁剪后，由于掩蔽，图像的某些部分丢失。我知道这是因为在方形 uiimageview 中加载那些裁剪的图像。

我的问题是如何使它成为完整的裁剪图像而不会丢失图像的任何部分，以及如何正确地拟合这些碎片以与原始图像匹配。

Answer 1

建立一组与每个拼图相对应的面具。每个蒙版都应该是原始图像的大小，除了一个带有拼图位置和形状的白色区域外，都是黑色的。此外，为每个部分维护一个边界矩形（一个在掩码图像中最少包含该部分的矩形）。

不丢失任何原始图像的方法是将掩码（和相应的边界矩形）排列为图像上的分区。

这是一些演示如何应用掩码的代码的链接。应用蒙版后，使用此处和其他地方的代码将蒙版图像裁剪到边界矩形。

Answer 2

我也在考虑用蒙版分割原始图像，但这对我们来说可能是个坏主意，而且管理起来也很复杂。所以对于拼图初学者来说，这是最好的问题/答案 ，你也可以从 git获得拼图游戏的源代码。

请为解决您问题的这个人（@“Guntis Treulands”）脱帽。我知道这不应该是一个答案，但应该是评论，但如果我将它作为评论，那么可能是对拼图有问题的用户，他/她不能轻易找到它。我把它作为一个答案。

Answer 3

//Create our colorspaces
imageColorSpace = CGColorSpaceCreateDeviceRGB();
maskColorSpace = CGColorSpaceCreateDeviceGray();
provider=CGDataProviderCreateWithCFData((__bridge CFDataRef)self.puzzleData);
image=CGImageCreateWithPNGDataProvider(provider, NULL, true, kCGRenderingIntentDefault);
CGDataProviderRelease(provider);

//Resize the puzzle image
context = CGBitmapContextCreate(NULL, kPuzzleSize, kPuzzleSize, 8, 0, imageColorSpace, kCGImageAlphaPremultipliedFirst);
CGContextDrawImage(context, CGRectMake(0, 0, kPuzzleSize, kPuzzleSize), image);
CGImageRelease(image);
image = CGBitmapContextCreateImage(context);
CGContextRelease(context);

//Create the image view with the puzzle image
self.imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, kPuzzleSize, kPuzzleSize)];
[self.imageView setImage:[UIImage imageWithCGImage:image]];

//Create the puzzle pieces (note that pieces are rotated to the puzzle orientation in order to minimize the number of graphic operations when creating the puzzle images)
for(i = 0; i < appDelegate().puzzleSize * appDelegate().puzzleSize; ++i)
{
    //Recreate the piece view
    [pieces[i] removeFromSuperview];
    pieces[i] = [[CJPieceView alloc] initWithFrame:CGRectMake(0, 0, kPieceSize, kPieceSize) index:i];
    [pieces[i] setTag:-1];

    //Load puzzle piece mask image
    UIImage *maskimage=[self.arrmaskImages objectAtIndex:i];
    NSData *dataMaskImage=UIImagePNGRepresentation(maskimage);

    provider=CGDataProviderCreateWithCFData((__bridge CFDataRef)dataMaskImage);
    tile = CGImageCreateWithPNGDataProvider(provider, NULL, true, kCGRenderingIntentDefault);
    CGDataProviderRelease(provider);
    mask = CGImageCreateCopyWithColorSpace(tile, maskColorSpace);
    CGImageRelease(tile);

    context = CGBitmapContextCreate(NULL, kPieceSize / kPieceShadowFactor, kPieceSize / kPieceShadowFactor, 8, 0, imageColorSpace, kCGImageAlphaPremultipliedFirst);
    CGContextClipToMask(context, CGRectMake(0, 0, kPieceSize / kPieceShadowFactor, kPieceSize / kPieceShadowFactor), mask);
    CGContextSetRGBFillColor(context, 0.0, 0.0, 0.0, 1.0);
    CGContextFillRect(context, CGRectMake(0, 0, kPieceSize / kPieceShadowFactor, kPieceSize / kPieceShadowFactor));
    shadow = CGBitmapContextCreateImage(context);
    CGContextRelease(context);
    imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, kPieceSize, kPieceSize)];
    [imageView setImage:[UIImage imageWithCGImage:shadow]];
    [imageView setAlpha:kPieceShadowOpacity];
    [imageView setUserInteractionEnabled:NO];
    [pieces[i] addSubview:imageView];
    CGImageRelease(shadow);

    //Create image view with piece image and add it to the piece view
    context = CGBitmapContextCreate(NULL, kPieceSize, kPieceSize, 8, 0, imageColorSpace, kCGImageAlphaPremultipliedFirst);
    CGRect rectPiece= CGRectMake(fmodf(i, appDelegate().puzzleSize) * kPieceDistance, (floorf(i / appDelegate().puzzleSize)) * kPieceDistance, kPieceSize, kPieceSize);
    [self.arrlocations addObject:[NSValue valueWithCGRect:rectPiece]];
    CGContextTranslateCTM(context, (kPieceSize - kPieceDistance) / 2 - fmodf(i, appDelegate().puzzleSize) * kPieceDistance, (kPieceSize - kPieceDistance) / 2 - (appDelegate().puzzleSize - 1 - floorf(i / appDelegate().puzzleSize)) * kPieceDistance);        
    CGContextDrawImage(context, CGRectMake(0, 0, CGImageGetWidth(image), CGImageGetHeight(image)), image);
    subImage = CGBitmapContextCreateImage(context);     
    CGContextRelease(context); 
    tile = CGImageCreateWithMask(subImage, mask);
    imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, kPieceSize, kPieceSize)];
    [imageView setImage:[UIImage imageWithCGImage:tile]];
    [imageView setUserInteractionEnabled:NO];
    [pieces[i] addSubview:imageView];
    CGImageRelease(tile);
    CGImageRelease(subImage);
    DLog(@"%f", pieces[i].frame.size.width);
    pieces[i].transform=CGAffineTransformScale(CGAffineTransformIdentity, kTransformScale, kTransformScale);
    DLog(@"%f %f",kTransformScale, pieces[i].frame.size.width);
    //Release puzzle piece mask;
    CGImageRelease(mask);

}

//Clean up
CGColorSpaceRelease(maskColorSpace);
CGColorSpaceRelease(imageColorSpace);
CGImageRelease(image);