How do I increase the row height of a selected cell? - ios

Question

I have a TableViewController with Prototype Cells that look like this:
I would like to only display the Title and Date labels by default when the TableView data loads. Additionally, when the user selects a particular cell, I want the cell to expand so that the user can read the contents of the Description label (which can run over multiple lines).
I have looked through several sources on StackOverflow including the following: https://stackoverflow.com/a/3075493/4481169.
Most of the sources I have looked through assume that when the cell is not selected it will return to a specific height. However, the text of my Title label can take up multiple lines in some cases which means that each cell will have a different initial row height to begin with.
How can I make it so when the user selects a particular cell it expands to display all three labels and when that cell is unselected, the cell reverts to its original height?

Answer 1

Probably the easiest way to achieve this would be having 2 cell prototypes for:
Not selected: with 2 UILabels; // let is be with ID: #"NotSelectedCell"
Selected: with all 3 UILabels; // #"SelectedCell"
Also You need to store the indexPath of the selected cell, so:
#implementation InformationTableViewController {
NSIndexPath* selectedCellIndexPath;
}
In your tableView delegate method tableView:cellForRowAtIndexPath: you need to switch between NotSelectedCell and SelectedCell according to the indexPath:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
if ([indexPath isEqual:selectedCellIndexPath]) {
NSString* cellIdentifier = #"SelectedCell";
InformationTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier: cellIdentifier forIndexPath:indexPath];
cell.selectionStyle = UITableViewCellSelectionStyleNone;
if (cell == nil) {
cell = [[InformationTableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier];
cell.accessoryType = UITableViewCellAccessoryNone;
}
cell.title = // title
cell.date = // date
cell.description = // description
return cell;
}
else {
NSString* cellIdentifier = #"NotSelectedCell";
InformationTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier: cellIdentifier forIndexPath:indexPath];
cell.selectionStyle = UITableViewCellSelectionStyleNone;
if (cell == nil) {
cell = [[InformationTableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier];
cell.accessoryType = UITableViewCellAccessoryNone;
}
cell.title = // title
cell.date = // date
return cell;
}
}
Also you must save a new indexPath everytime user selects a new cell and reload the tableView:
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
selectedCellIndexPath = [indexPath copy];
[self.tableView reloadData];
}
In order to recover the scroll position of the tableView before reload, you have to do the following:
CGFloat tableViewContentHeight = self.tableView.contentSize.height;
[self.tableView reloadData];
CGFloat newTableViewContentHeight = self.tableView.contentSize.height;
self.tableView.contentOffset = CGPointMake(0, newTableViewContentHeight - tableViewContentHeight);

Answer 2

For your requirement i would suggest you to do this steps
First of don't give height constraint to description and even don't
add any text in it i.e keep it blank
Then when you get the values for description store in other array
After this on delegate method for didselectrowatindex you can fill
the value of that description and it reload it .
So it will fill the text in description and take the height as
required