故事板中自定义单元格中的UIActivity指示器

Question

我已经在自定义单元格中添加了一个UIActivityIndi​​cator的IBOutlet，但它并没有显示在每个单元格上，只是在前2-3个然后没有。 另一件事，当我滚动表并回到前3个单元格时，UIActivityIndi​​cator也会从这些单元格中消失...

码：

Cell.h

@interface Cell : UITableViewCell

@property (strong, nonatomic) IBOutlet UIImageView *image;
@property (strong, nonatomic) IBOutlet UILabel *label;
@property (strong, nonatomic) IBOutlet UIActivityIndicatorView *activityIndicator;

@end

Cell.m

@implementation Cell

- (id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super initWithCoder:aDecoder];
    if (self)
    {
        // change to our custom selected background view
    }
    return self;
}

@end

在故事板中，UIactivityIndi​​cator设置为：行为： - 动画

用于测试目的......

和：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"CustomCell";
    Cell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];

    // load the image for this cell
    Wallpaper *wallpaper = [xmlParser.wallpapers objectAtIndex:indexPath.row];

    cell.label.text = wallpaper.title;
    NSString *imageToLoad = wallpaper.thumbnail;

    [cell.image setImageWithURL:[NSURL URLWithString:imageToLoad] placeholderImage:nil options:SDWebImageProgressiveDownload progress:^(NSUInteger receivedSize, long long expectedSize)
     {

     }
                          completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType)
     {
         //[cell.activityIndicator stopAnimating];
     }];

    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]
                                     initWithTarget:self action:@selector(tapped:)];
    [cell.image addGestureRecognizer:tap];
    [cell.image setTag:indexPath.row];

    CALayer * l = [cell.image layer];
    [l setMasksToBounds:YES];
    [l setCornerRadius:5.0];
    cell.layer.cornerRadius = 7.0;


    return cell;
}

Answer 1

1. 如果你注释掉你正在执行setImageWithURL整段代码，你是否在表的所有行上成功获得了动画活动指示符？ 让我们首先确保您的UIActivityIndicatorView正常工作。 如果在注释掉setImageWithURL时它可以正常工作，那么问题显然就在那里了。 如果它不起作用，即使你禁用setImageWithURL ，那么你有一个更基本的问题。 让我们确保您成功启动活动指示器。 我知道你在IB中打开它，但我真的建议在cellForRowAtIndexPath手动打开它（适当时），而不是依赖它为你启动。

2. 在已完成的块，你真的应该检查，以确保有问题的电池仍然是在屏幕上，并没有被出队并重复使用（如调用cell = [tableView cellForRowAtIndexPath:indexPath]并确认非nil值），因为我假设你的setImageWithURL是异步操作的。 （注意：这个UITableView实例方法， cellForRowAtIndexPath ，不应该与类似命名的UITableViewController方法混淆。）无论何时在tableview单元格上执行异步操作，这种关于假设单元格仍在屏幕上的逻辑都可能会出现问题。 当我听说某些异步更新没有正确更新的事实时，我担心出列的单元格。 （有关如何检查单元格是否仍然可见的示例，请参阅此Stack Overflow Answer上的第3点;这是一个稍微不同的答案，但为您提供了一个需要考虑的问题类型的示例。 ）

3. 不相关，但我不会每次都添加UITapGestureRecognizer。 难道你不是冒着出了一个已经出列并且重复使用十几次有十几个轻敲手势识别器的细胞吗？ 最好在UITableViewCell子类中执行此操作。 我通常在layoutSubviews执行它（如果你尝试在init方法中执行它将无法工作，因为imageview还不存在）。

Answer 2

尝试...

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
     static NSString *CellIdentifier = @"CustomCell";
    Cell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];

    cell.activityIndicator.hidden = NO;
    [cell.activityIndicator startAnimating];
    [[NSRunLoop currentRunLoop] runUntilDate:[NSDate dateWithTimeIntervalSinceNow:.1]];

    // load the image for this cell
    Wallpaper *wallpaper = [xmlParser.wallpapers objectAtIndex:indexPath.row];

    cell.label.text = wallpaper.title;
    NSString *imageToLoad = wallpaper.thumbnail;

    [cell.image setImageWithURL:[NSURL URLWithString:imageToLoad] placeholderImage:nil options:SDWebImageProgressiveDownload progress:^(NSUInteger receivedSize, long long expectedSize)
     {

     }
                      completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType)
     {
         //[cell.activityIndicator stopAnimating];
     }];

    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]
                                 initWithTarget:self action:@selector(tapped:)];
    [cell.image addGestureRecognizer:tap];
    [cell.image setTag:indexPath.row];

    CALayer * l = [cell.image layer];
    [l setMasksToBounds:YES];
    [l setCornerRadius:5.0];
    cell.layer.cornerRadius = 7.0;


    return cell;
}

Answer 3

NINetworkImageView *imageView=[[NINetworkImageView alloc]init];
imageView.delegate=self;
[imageView setPathToNetworkImage:[NSString stringWithStdString:imageUrl]];

使用第三方类来解决此任务。