UIImage movement on UITableView when selecting cell or scrolling

Question

I feed a UITableView with a list of names and images from a JSON. "SDWebImage" handles images download. It works OK apart from the fact that the images move to the left when the user selects a row or when scrolls the table view.

Two screen captures to show the issue.

Interface Builder setup

Implementation is pretty standard:

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return array.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell  = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
    if (cell == nil ) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"Cell"];

    }
    cell.textLabel.text = [[array objectAtIndex:indexPath.row]objectForKey:@"marca"];
    cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;

    [cell.imageView setImageWithURL:[NSURL URLWithString:[[array objectAtIndex:indexPath.row]objectForKey:@"photoUrl"]]placeholderImage:[UIImage imageNamed:@"placeholder.png"] ];
    return cell;
}

What can I do to stop images moving?

Answer 1

I've just had a similar issue on an app and found it was because I was re-using UITableViewCells default imageView IBOutlet.

After creating my a new IBOutlet, called something other than imageView, and hooking it up it resolved the issue.