Custom cell not loading button background image

Question

I have created a custom cell using the code below. I have only added a rounded button which is loaded correctly when cellForRowAtIndexPath function called, but the images are not loaded. The only thing that I can see in my tableView is circle buttons without any image in it.

Can anyone help me to find where the problem is? Thanks

CustomCell.h

@interface CustomCell : UITableViewCell {
    UIButton *profilePhoto;
}

@property (nonatomic, retain) IBOutlet UIButton *profilePhoto;

@end

CustomCell

- (void)layoutSubviews {

    [super layoutSubviews];

    profilePhoto = [UIButton buttonWithType:UIButtonTypeCustom];
    UIColor  *borderColor = [UIColor redColor];

    profilePhoto.frame = CGRectMake(5.0, 8.0, 60.0, 60.0);
    profilePhoto.clipsToBounds = YES;
    profilePhoto.layer.cornerRadius = 30;
    profilePhoto.layer.borderColor = borderColor.CGColor;
    profilePhoto.layer.borderWidth= 1.5f;
    profilePhoto.backgroundColor = [UIColor clearColor];

    [self.contentView addSubview: profilePhoto];
}

cellForRowAtIndexPath

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];

    if (cell == nil) {
        cell = [[CustomCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"Cell"];
    }

    // Set up the cell
    switch (indexPath.row) {

        case 0:
            [cell.profilePhoto setBackgroundImage:[UIImage imageNamed:@"nick.png"] forState:UIControlStateNormal];
            break;

        case 1:
            [cell.profilePhoto setBackgroundImage:[UIImage imageNamed:@"michael.png"] forState:UIControlStateNormal];
            break;

        default:
            break; 
    }
    return cell;
}

Answer 1

try this:

CustomCell

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
       profilePhoto = [UIButton buttonWithType:UIButtonTypeCustom];
       UIColor  *borderColor = [UIColor redColor];
       profilePhoto.clipsToBounds = YES;
       profilePhoto.layer.cornerRadius = 30;
       profilePhoto.layer.borderColor = borderColor.CGColor;
       profilePhoto.layer.borderWidth= 1.5f;
       profilePhoto.backgroundColor = [UIColor clearColor];
       [self.contentView addSubview: profilePhoto];
    }
}

- (void)layoutSubviews {

    [super layoutSubviews];
    profilePhoto.frame = CGRectMake(5.0, 8.0, 60.0, 60.0);
}

in cellForRowAtIndexPath , profilePhoto must be nil for first time. because cell layoutSubviews will be called later where you init profilePhoto .

And as you commented, scroll will reuse the cell which have call layoutSubviews then cell have profilePhoto object , so the image set in cellForRowAtIndexPath can be seen after scroll.