图像的视网膜显示 - iPhone 3 至 4

Question

我为iPhone 3开发了一款瓷砖游戏应用程序。 其中，我从资源中获取图像，并使用 CGImageCreateWithImageInRect (originalImage.CGImage, frame); 函数将其划分为多个图块。

它在所有 iPhone 上都能很好地工作，但现在我希望它也能在 Retina 显示屏上工作。

因此，根据这个link 我拍摄了另一张图像，其大小是当前图像大小的两倍，并通过添加后缀@2x对其进行重命名。但问题是它只占用视网膜显示图像的上半部分。我认为这是因为我在使用 CGImageCreateWithImageInRect 时设置的框架。那么要做什么才能使这项工作发挥作用呢？

任何形式的帮助将不胜感激。

提前致谢...

Answer 1

问题可能是 @2x 图像比例仅针对 UIImage 的某些初始值设定项自动正确设置... 尝试使用来自 Tasty Pixel 的代码加载 UIImages。 该链接中的条目更多地讨论了这个问题。

使用链接中的 UIImage+TPAdditions 类别，您将像这样实现它（在确保图像及其 @2x 对应项位于您的项目中之后）：

NSString *baseImagePath = [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"];
NSString *myImagePath = [baseImagePath stringByAppendingPathComponent:@"myImage.png"]; // note no need to add @2x.png here
UIImage *myImage = [UIImage imageWithContentsOfResolutionIndependentFile:myImagePath];

然后您应该能够使用 <代码>CGImageCreateWithImageInRect(myImage.CGImage,frame);

Answer 2

以下是我如何让它在我所做的应用程序中工作：

//this is a method that takes a UIImage and slices it into 16 tiles (GridSize * GridSize)
#define GridSize 4
- (void) sliceImage:(UIImage *)image {
    CGSize imageSize = [image size];
    CGSize square = CGSizeMake(imageSize.width/GridSize, imageSize.height/GridSize);

    CGFloat scaleMultiplier = [image scale];

    square.width *= scaleMultiplier;
    square.height *= scaleMultiplier;

    CGFloat scale = ([self frame].size.width/GridSize)/square.width;

    CGImageRef source = [image CGImage];
    if (source != NULL) {
        for (int r = 0; r < GridSize; ++r) {
            for (int c = 0; c < GridSize; ++c) {
                CGRect slice = CGRectMake(c*square.width, r*square.height, square.width, square.height);
                CGImageRef sliceImage = CGImageCreateWithImageInRect(source, slice);
                if (sliceImage) {
                    //we have a tile (as a CGImageRef) from the source image
                    //do something with it
                    CFRelease(sliceImage);
                }
            }
        }
    }
}

技巧是使用 -[UIImage scale] 属性来确定应该切片多大的矩形。