Question

I have a tableview that is made up of custom tableview cells which contain an imageview. In cellForRowAtIndexPath I set the image of each cell. I want the image to change when the cell is selected, so in didSelectRowAtIndexPath I get the cell and change the image, no problems there. However, when I scroll the table (read: table reloads the cells) the new image is no longer present. Also when the cell is no longer selected I want the image to switch back to the original.

I have tried doing the following in cellForRowAtIndexPath:

if(cell.isSelected){
cell.imageview.image = [UIImage ImageNamed: @"selected.png"];
}
else
cell.imageview.image = [UIImage ImageNamed: @"not selected.png"];

I have also tried using the BOOL values cell.highlighted or cell.selected to no avail.

Any thoughts are appreciated.

Answer 1

Try using a class variable selectedCellIndexPath of type NSIndexPath. In didSelectRow... you set it’s value, and in the cellForRow... you write:

if([selectedCellIndexPath isEqual:indexPath]){
    cell.imageview.image = [UIImage ImageNamed: @"selected.png"];
} else {
    cell.imageview.image = [UIImage ImageNamed: @"not selected.png"];
}

Edit:

Or you could simply write:

if([indexPath isEqual:[tableView indexPathForSelectedCell]]){
    cell.imageview.image = [UIImage ImageNamed: @"selected.png"];
} else {
    cell.imageview.image = [UIImage ImageNamed: @"not selected.png"];
}

but the first solution is a little more efficient.