图像滚动视图崩溃

Question

我已经实现了一个带有分页功能的滚动视图，可以在整页的某些图像（图表）之间滚动（例如 iPhone 中安装的照片应用程序）。

我发现下面的代码使用了经典的 3 页解决方案（我对我的应用程序做了一些小的修改）但是，即使它“有效”，滚动似乎也很慢，而且通常在我滚动了一些图像之后应用程序崩溃。

我正在使用启用了 ARC 选项的 Xcode 4.2，并在 iPad 设备上进行了测试。 图片 (10 jpg) 为 2048x1539，每张平均尺寸为 200/250Kb。

有没有人可以帮我找出问题的原因？

谢谢， 科拉多

const int numImages = 10;
const float kPageWidth = 1024.0f;
const float kPageHeight = 768.0f;


- (void)viewDidLoad {
[super viewDidLoad];

    scroll.contentSize = CGSizeMake(kPageWidth * numImages, kPageHeight);
imageview1 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, kPageWidth, kPageHeight)];

imageview2 = [[UIImageView alloc] initWithFrame:CGRectMake(kPageWidth, 0, kPageWidth, kPageHeight)];    

imageview3 = [[UIImageView alloc] initWithFrame:CGRectMake(kPageWidth * 2, 0, kPageWidth, kPageHeight)];

scroll.contentOffset = CGPointMake(0, 0);

[imageview1 setImage:[UIImage imageNamed:@"grafico_0.jpg"]];
imageview1.contentMode = UIViewContentModeScaleAspectFit;
[imageview1 setTag:1];

imageview2.contentMode = UIViewContentModeScaleAspectFit;
[imageview2 setTag:2];

imageview3.contentMode = UIViewContentModeScaleAspectFit;
[imageview3 setTag:3];

[scroll addSubview:imageview1];
[scroll addSubview:imageview2];
[scroll addSubview:imageview3];        
}


- (void)scrollViewDidScroll:(UIScrollView*)scrollView {

const CGFloat currPos = scrollView.contentOffset.x;
const NSInteger selectedPage = lroundf(currPos * (1.0f / kPageWidth)); 
const NSInteger zone = 1 + (selectedPage % 3); 
const NSInteger nextPage = selectedPage + 1;
const NSInteger prevPage = selectedPage - 1;

/// Next page
if (nextPage < numImages)
{
    NSInteger nextViewTag = zone + 1;
    if (nextViewTag == 4)
        nextViewTag = 1;

    UIImageView* nextView = (UIImageView*)[scrollView viewWithTag:nextViewTag];      
    nextView.frame = (CGRect){.origin.x = nextPage * kPageHeight, .origin.y = 0.0f, kPageHeight, kPageWidth};

    NSString *str = [NSString stringWithFormat:@"grafico_%d.jpg", nextPage];
    UIImage* img = [UIImage imageNamed:str];
    nextView.image = img;
}


/// Prev page
if (prevPage >= 0)
{
    NSInteger prevViewTag = zone - 1;
    if (!prevViewTag)
        prevViewTag = 3;

    UIImageView* prevView = (UIImageView*)[scrollView viewWithTag:prevViewTag];      
    prevView.frame = (CGRect){.origin.x = prevPage * kPageHeight, .origin.y = 0.0f, kPageHeight, kPageWidth};

    NSString *str = [NSString stringWithFormat:@"grafico_%d.jpg", prevPage];
    UIImage* img = [UIImage imageNamed:str];
    prevView.image = img;
}

}

Answer 1

您不应该使用imageNamed: 来加载大图像，因为该方法会缓存图像，并且应该只用于您在应用程序中多次使用的小图像（例如按钮图像等）。该方法因在与许多大图像一起使用时会导致内存问题而臭名昭著。

改用imageWithContentsOfFile:。使用该方法加载图像可确保图像不会被缓存，并且在您不再使用该图像后释放内存。

如果滚动看起来很缓慢，您可以使用 performSelectorInBackground 将图像的加载移动到后台线程：

[self performSelectorInBackground:@selector(retrieveImageData:) withObject:imagePath];

UIImage 的加载发生在这个方法中：

- (void)retrieveImageData:(NSString *)imagePath {
  NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
  UIImage *image = [UIImage imageWithContentsOfFile:imagePath];
  [self performSelectorOnMainThread:@selector(imageDataRetrieved:) withObject:image waitUntilDone:NO];
  [pool release];
}

以及将图像附加到主线程上的 UIImageView（UI 操作不得在后台线程上发生）：

- (void)imageDataRetrieved:(UIImage)*image {
  yourImageView.image = image;
}