Question

我有一个UITableView，它有很多行，每行只有一个图像。为防止滞后，我使用下面的代码。但是现在，当我滚动它时，显示前一行的照片片刻然后自我纠正。如何解决这个问题？

- (void)loadImageNamed:(NSString *)name {
    dispatch_async(dispatch_get_global_queue( DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^(void){
        // Determine path to image depending on scale of device's screen,
        // fallback to 1x if 2x is not available
        NSString *pathTo1xImage = [[NSBundle mainBundle] pathForResource:name ofType:@"jpg"];

        NSString *pathToImage = pathTo1xImage;

        UIImage *uiImage = nil;

        if (pathToImage) {
            // Load the image
            CGDataProviderRef imageDataProvider = CGDataProviderCreateWithFilename([pathToImage fileSystemRepresentation]);
            CGImageRef image = CGImageCreateWithJPEGDataProvider(imageDataProvider, NULL, NO, kCGRenderingIntentDefault);


            // Create a bitmap context from the image's specifications
            // (Note: We need to specify kCGImageAlphaPremultipliedFirst | kCGBitmapByteOrder32Little
            // because PNGs are optimized by Xcode this way.)
            CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
            CGContextRef bitmapContext = CGBitmapContextCreate(NULL, CGImageGetWidth(image), CGImageGetHeight(image), CGImageGetBitsPerComponent(image), CGImageGetWidth(image) * 4, colorSpace, kCGImageAlphaPremultipliedFirst | kCGBitmapByteOrder32Little);


            // Draw the image into the bitmap context
            CGContextDrawImage(bitmapContext, CGRectMake(0, 0, CGImageGetWidth(image), CGImageGetHeight(image)), image);

            //  Extract the decompressed image
            CGImageRef decompressedImage = CGBitmapContextCreateImage(bitmapContext);


            // Create a UIImage
            uiImage = [[UIImage alloc] initWithCGImage:decompressedImage];


            // Release everything
            CGImageRelease(decompressedImage);
            CGContextRelease(bitmapContext);
            CGColorSpaceRelease(colorSpace);
            CGImageRelease(image);
            CGDataProviderRelease(imageDataProvider);
        }


        // Configure the UI with pre-decompressed UIImage
        dispatch_async(dispatch_get_main_queue(), ^{
            self.categoryImageLabel.image = uiImage;
        });
    });
}

Answer 1

其他答案告诉你该怎么做，但不是为什么。

想想一个像你必须在医生的办公室等候室填写的单元格。想象一下，办公室重复使用这些表格，每位患者在填写信息之前必须删除表格上的所有数据。

如果您没有任何过敏症，您可能会跳过过敏症部分，因为它们不适用于您。但是，如果最后一个人有过敏症，并且你没有删除他们的答案，他们的答案仍会显示在表格上。

同样，当您将再生细胞出列时，您必须清除所有字段，即使是那些不适用于您的字段。您应该将图像设置为nil或其起始占位符值。

请注意，如果异步加载数据，则仍应首先将字段重置为其默认值，因为旧值将显示在异步加载完成之前。这就是您案件中发生的事情。

您可以将图片设置为cellForRowIndexPath或prepareForReuse中的nil /占位符，但您需要在其中一个位置重置它，否则您将看到剩余的图像，直到新的装完了。

Answer 2

在自定义单元格中写下：

- (void)prepareForReuse {
   [super prepareForReuse];

   self.uiImage.image = nil;
}

Answer 3

为图片使用占位符，或在调用

时使其为nil

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
  let cell = CustomUITableViewCell
  cell.imageview.image = nil
  // load your image
}

Answer 4

即使接受的答案有效，但也不建议这样做。

根据Apple's documentation，您只应重置与内容无关的单元格属性，例如Alpha，编辑和选择状态。

因此，解决此问题的最佳方法是在cell(for row:atIndexPath:)中设置一个默认图像，这样既可以处理拥有图像的情况，又可以在图像不可用时诉诸默认图像，这将在您快速滚动时执行。它还不会加载图像，并且在单元的重用行为中它将拾取默认图像。

带图像的UITableView在滚动时显示错误的图像片刻

4 个答案: