ios - Can't set background color of UITableViewCell in IB

Question

I have created a bunch of cells which I reuse in a table view. All of those cells just have different UILabels inside them and some UIImageViews (nothing covers the complete cell).

Setting the background color in IB has no effect (always white or transparent, can't say which one of them). But if I press Command-R (simulate interface) the cell has the correct background color in the simulator.

I tried to set it in tableView:cellForRowAtIndexPath: but it doesn't work like I would think either.

This does the trick:

cell.contentView.backgroundColor = [UIColor redColor];

but these have no effect (even if I set the cell.contentView.backgroundColor to clearColor):

cell.backgroundView.backgroundColor = [UIColor redColor];

cell.backgroundColor = [UIColor redColor];

I set all the layout/font/background stuff in IB. Any idea why this isn't working in this case?

Why do I need to modify the contentView's backgroundColor and not the backgroundView's?

It seems to be a common issue. Could somebody please point me in the right direction to (finally) understand how background colors are handled within a table view cell.

Answer 1

To change the background color of the cell, you have to do it in the willDisplayCell:forRowAtIndexPath: method. This is mentioned in the UITableViewCell documentation near the bottom of the Overview. So you need:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    cell.backgroundColor = [UIColor redColor];  
}

The contentView is just the recommended subview to put custom controls in so that the cell gets layed out properly when table editing is going on.