Databases
StackOverflow2013
Postsdbo
POiPhone - Expand UITableView with custom cell and hide/show labels on select
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POiPhone - Expand UITableView with custom cell and hide/show labels on select
    primarykey
    data
    text
    <ul> <li>I have a UITableView within a UIView</li> <li>The table view's cells are custom, and thus managed by a UITableViewCell class</li> </ul> <p>I need to expand/contract cells upon selection, which I have done using the awesome tutorial <a href="http://www.locassa.com/index.php/2011/05/animate-uitableview-cell-height-change/" rel="nofollow">here</a>. However, I also need to show/hide UILabels upon selection--like a detail view, as you expand the cell, more labels are shown; contract it back to its original size, and those labels are again hidden. </p> <p>Basically:<br> Click<br> Extend length of cell<br> Show labels</p> <p>Click again<br> Contract cell<br> Hide labels </p> <p>Only 1 cell open at a time</p> <p>This all sounds easy enough, but the method prevalently used across the web (the tutorial I linked to above) automatically deselects its cells upon the first touch, which means my hidden UILabels never get a chance to show up. </p> <p>If I remove </p> <pre><code>[tableView deselectRowAtIndexPath:indexPath animated:TRUE]; </code></pre> <p>from didSelectRowAtIndexPath, I can get the hidden label to appear, but it does not disappear of course, as the cell does not get deselected until I select a different cell.</p> <p>How might I make it so that the cell automatically deselects once it returns to its regular height after a user clicks it for the second time? Also, is there a way to limit the table to only one expanded cell at a time because right now, you can fully expand all cells. I'd like it if expanding Cell2 automatically shrunk Cell1 back to its original height.</p> <p>Thanks all; don't know what I'd do without Stack Overflow at times.</p> <p>TableViewController.h</p> <pre><code>@interface TableViewController : UIViewController &lt;UITableViewDelegate, UITableViewDataSource&gt; { IBOutlet UITableView *tableView; NSMutableDictionary *selectedIndexes; } @end </code></pre> <p>Relevant code from TableViewController.m</p> <pre><code>@interface TableViewController (private) - (BOOL)cellIsSelected:(NSIndexPath *)indexPath; @end @implementation TableViewController #define kCellHeight 50.0 - (void)viewDidLoad { [super viewDidLoad]; selectedIndexes = [[NSMutableDictionary alloc] init]; } - (BOOL)cellIsSelected:(NSIndexPath *)indexPath { // Return whether the cell at the specified index path is selected or not NSNumber *selectedIndex = [selectedIndexes objectForKey:indexPath]; return selectedIndex == nil ? FALSE : [selectedIndex boolValue]; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *CellIdentifier = @"Cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; if (cell == nil) { cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; } return cell; } #pragma mark - #pragma mark Tableview Delegate Methods - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { // Deselect cell [tableView deselectRowAtIndexPath:indexPath animated:TRUE]; // Toggle 'selected' state BOOL isSelected = ![self cellIsSelected:indexPath]; // Store cell 'selected' state keyed on indexPath NSNumber *selectedIndex = [NSNumber numberWithBool:isSelected]; [selectedIndexes setObject:selectedIndex forKey:indexPath]; // This is where magic happens... [tableView beginUpdates]; [tableView endUpdates]; } - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { // If our cell is selected, return double height if([self cellIsSelected:indexPath]) { return kCellHeight * 2.0; } // Cell isn't selected so return single height return kCellHeight; } @end </code></pre> <p>Also, the UILabels from the UITableCell class:</p> <pre><code> - (void)setSelected:(BOOL)selected animated:(BOOL)animated { [super setSelected:selected animated:animated]; if (selected == YES){ date.hidden = NO; } else if (selected == NO) { date.hidden = YES; } } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USMarc Matthews
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POiPhone - Expand UITableView with custom cell and hide/show labels on select
      1. USspringrider
      1. VTFavorite
    2. VO
      singulars
      1. POiPhone - Expand UITableView with custom cell and hide/show labels on select
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POiPhone - Expand UITableView with custom cell and hide/show labels on select
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload