UITableViewCell image animation problem while being selected

Question

I'm interested in showing a blue dot in my table cells just like the Mail application does for unread emails. My understanding is there is no easy way of doing this except to create the images myself and set the image properties of my cells.

So now I have created two square images, one with a blue dot and another blank image with the same size ("white dot" if you like). It all works ok. However, I see a problem in the animation between the time a cell is selected and the next view is pushed to the stack. The first image shows how a cell with a blue dot appears when it is selected. The second is a cell with a blank image.

I have also tried doing cell.imageView.image = nil in the event tableView:didSelectRowAtIndexPath: but that didn't change anything. Please help.

Answer 1

Finally got it. It's not an animation problem really. I needed to edit my images to have a transparent background and use image masking. I used CGImageCreateWithMask to create an image from a blue dot and a mask image.

There is a good example here and I have also posted the dot images I used.