Question

I am creating “Jigsaw game” for that i’ve divided single image into 4X4 matrix like

Now I have 16 different imageViews I need to combine them into one single image and store in database. So is it possible to combine 4×4 matrix images into one image.

Answer 1

It is, and it’s fairly easy.

UIGraphicsBeginImageContext(fullSize);
CGContextRef context = UIGraphicsGetCurrentContext();

for (int i = 0; i < 4; i++) {

    for (int j = 0; j < 4; j++) {

        UIImage *image = [self imageAtRow:i column:j];
        CGFloat imageSize = 40;
        CGRect imageRect = CGRectMake (imageSize * i, imageSize * j, imageSize, imageSize);
        CGContextDrawImage(context, imageRect, image.CGImage);  

    }

}

UIImage *result = UIGraphicsGetImageFromCurrentImageContext();  
UIGraphicsEndImageContext();

result will be an image of the full size you created (160×160 if its 4×4 with 40 size images)

EDIT

Use UIGraphicsBeginImageContextWithOptions(fullSize, NO, 0.0); to support retina displays