Custom UITableViewCell that expands on touch and includes uitextfield

This is a common UI on the Mac, with disclosure triangles, but not used much, or at all, on iPhone.

I haven't done this but here's the basic idea.

In your datamodel you have a BOOL that represents expanded. In your cellForRowAtIndexPath you check that value and return an expanded cell or a normal height cell. In didSelectRowAtIndexPath: you toggle the expanded BOOL and then

Code:

[self.tableView beginUpdates];
[self.tableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:YES];
[self.tableView endUpdates];

You'll also have to implement heightForRowAtIndexPath:

 

That BOOL needs to be somewhere else, not in the cell. If you don't have a clear data model then just build a mutable array of NSNumbers and add NSNumber numberWithBOOL:YES or NO to it as your record of whether a row is expanded. You could do it other ways also, that's just one simple way.

Minor headache only. Use reloadData: on 2.x. I think you won't get the exact same appearance. The animation will be different on the two versions but it will still work.

 

I'm not entirely sure. It's possible to wrap the call to reloadData in a fade animation block. If you do that it will crossfade from one appearance to the other (short row -> tall row and the opposite).

Also, you could

Code:

[self.tableView beginUpdates];
[self.tableView deleteRowsAtIndexPathPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:YES];
[self.tableView insertRowsAtIndexPathPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:YES];
[self.tableView endUpdates];

I haven't tried that either but it should result in the existing row being removed and a new one animated to replace it, either a new big row or a new short row. You'll just have to try it.

The reason that the bool can't be in the cell is because the cell can be scrolled offscreen and then not even exist anymore.

You can add the BOOL to your existing 3D NSObjectclass or it can be separate. Doesn't matter. In cellForRowAtIndexPath you check the value of the BOOL and return the tall or short cell accordingly.

NSNumber numberWithBOOL is the way you put a BOOL into an array. You could add the BOOL to your existing 3D NSObjectclass as a simple data member instead.

 

Glad you got this working. As I said I haven't implemented this myself and there are various ways you could do it. Make sure to test on both OS 3.x and 2.x because I'm sure there are differences. You have to implement the heightForCellAtIndexPath because you have rows of different heights. Having two cell kinds is fine, and is probably the best way to do this. I don't see any problems with memory as long as you are reusing cells in the normal way.

 

Expanding/Colapsing cell

i need an example of explanding a cell to show more information and by tapping on it..reduces it size back to normal thanks.

 

Read the 9 posts above yours. They tell you how to do it.

 

Also look at the apple sample code Tableview Animations and Gestures.