Can you animate a height change on a UITableViewCell when selected

Question

I m using a UITableView in my iPhone app  and I have a list of people that belong to a group  I would like it so that when the user clicks on a particular person  thus selecting the cell   the cell grows in height to display several UI controls for editing the properties of that person    Is this possible

User · Answer

Get the indexpath of the row selected  Reload the table  In the heightForRowAtIndexPath method of UITableViewDelegate  set the height of the row selected to a different height and for the others return the normal row height

User · Answer

Get the indexpath of the row selected  Reload the table  In the heightForRowAtIndexPath method of UITableViewDelegate  set the height of the row selected to a different height and for the others return the normal row height

User · Answer

I found a REALLY SIMPLE solution to this as a side-effect to a UITableView I was working on       Store the cell height in a variable that reports the original height normally via the tableView  heightForRowAtIndexPath   then when you want to animate a height change  simply change the value of the variable and call this      tableView beginUpdates    tableView endUpdates     You will find it doesn t do a full reload but is enough for the UITableView to know it has to redraw the cells  grabbing the new height value for the cell     and guess what  It ANIMATES the change for you  Sweet   I have a more detailed explanation and full code samples on my blog    Animate UITableView Cell Height Change

User · Answer

I just resolved this problem with a little hack   static int s CellHeight   30  static int s CellHeightEditing   60   -  void onTimer       cellHeight         tableView reloadData       if  cellHeight  lt  s CellHeightEditing          heightAnimationTimer     NSTimer scheduledTimerWithTimeInterval 0 001 target self selector  selector onTimer  userInfo nil repeats NO  retain      -  CGFloat tableView  UITableView    tableView heightForRowAtIndexPath  NSIndexPath   indexPath           if  isInEdit                return cellHeight                    cellHeight   s CellHeight          return s CellHeight      When I need to expand the cell height I set isInEdit   YES and call the method  self onTimer  and it animates the cell growth until it reach the s CellHeightEditing value  -

User · Answer

Here is my code of custom UITableView subclass  which expand UITextView at the table cell  without reloading  and lost keyboard focus    -  void textViewDidChange  UITextView   textView       CGFloat textHeight    textView sizeThatFits CGSizeMake self width  MAXFLOAT   height         Check  if text height changed     if  self previousTextHeight    textHeight  amp  amp  self previousTextHeight  gt  0             self beginUpdates               Calculate difference in height         CGFloat difference   textHeight - self previousTextHeight              Update currently editing cell s height         CGRect editingCellFrame   self editingCell frame          editingCellFrame size height    difference          self editingCell frame   editingCellFrame              Update UITableView contentSize         self contentSize   CGSizeMake self contentSize width  self contentSize height   difference               Scroll to bottom if cell is at the end of the table         if  self editingNoteInEndOfTable                self contentOffset   CGPointMake self contentOffset x  self contentOffset y   difference             else                  Update all next to editing cells             NSInteger editingCellIndex    self visibleCells indexOfObject self editingCell               for  NSInteger i   editingCellIndex  i  lt  self visibleCells count  i                      UITableViewCell  cell   self visibleCells i                   CGRect cellFrame   cell frame                  cellFrame origin y    difference                  cell frame   cellFrame                                   self endUpdates             self previousTextHeight   textHeight

User · Answer

BOOL flag   -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath       flag    flag       tableView beginUpdates        tableView reloadRowsAtIndexPaths   indexPath                        withRowAnimation UITableViewRowAnimationAutomatic        tableView endUpdates      -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath   indexPath       return YES    flag   20   40

User · Answer

Heres a shorter version of Simons answer for Swift 3  Also allows for toggling of the cell s selection  var cellIsSelected  IndexPath      func tableView   tableView  UITableView  didSelectRowAt indexPath  IndexPath        cellIsSelected   cellIsSelected    indexPath   nil   indexPath     tableView beginUpdates       tableView endUpdates           func tableView   tableView  UITableView  heightForRowAt indexPath  IndexPath  - gt  CGFloat       if cellIsSelected    indexPath         return 250           return 65

User · Answer

just a note for someone like me searching for add  More Details  on custom cell     tableView beginUpdates    tableView endUpdates     Did a excellent work  but don t forget to  crop  cell view   From Interface Builder select your Cell -  Content View -  from Property Inspector select  Clip subview

User · Answer

I like the answer by Simon Lee   I didn t actually try that method but it looks like it would change the size of all the cells in the list   I was hoping for a change of just the cell that is tapped   I kinda did it like Simon but with just a little difference   This will change the look of a cell when it is selected   And it does animate   Just another way to do it   Create an int to hold a value for the current selected cell index   int currentSelection    Then    -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath       int row    indexPath row       selectedNumber   row       tableView beginUpdates        tableView endUpdates       Then   -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath   indexPath        if   indexPath row     currentSelection            return  80            else return 40        I am sure you can make similar changes in tableView cellForRowAtIndexPath  to change the type of cell or even load a xib file for the cell   Like this  the currentSelection will start at 0   You would need to make adjustments if you didn t want the first cell of the list  at index 0  to look selected by default

User · Answer

Yes It s Possible   UITableView has a delegate method didSelectRowAtIndexPath   -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath        UIView animateWithDuration  6                           delay 0          usingSpringWithDamping UIViewAnimationOptionBeginFromCurrentState           initialSpringVelocity 0                         options UIViewAnimationOptionBeginFromCurrentState animations                                 cellindex    NSIndexPath indexPathForRow indexPath row inSection indexPath section                               NSArray  indexArray    NSArray arrayWithObjects indexPath  nil                                violatedTableView beginUpdates                                violatedTableView reloadRowsAtIndexPaths indexArray withRowAnimation UITableViewRowAnimationAutomatic                                violatedTableView endUpdates                                                  completion   BOOL finished                But in your case if the user scrolls and selects a different cell then u need to have the last selected cell to shrink and expand the currently selected cell reloadRowsAtIndexPaths  calls heightForRowAtIndexPath  so handle accordingly

User · Answer

I don t know what all this stuff about calling beginUpdates endUpdates in succession is  you can just use - UITableView reloadRowsAtIndexPaths withAnimation    Here is an example project

User · Answer

BOOL flag   -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath       flag    flag       tableView beginUpdates        tableView reloadRowsAtIndexPaths   indexPath                        withRowAnimation UITableViewRowAnimationAutomatic        tableView endUpdates      -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath   indexPath       return YES    flag   20   40

User · Answer

Instead of beginUpdates   endUpdates    the recommended call is now   tableView performBatchUpdates nil  completion  nil    Apple says  regarding beginUpdates endUpdates   Use the performBatchUpdates   completion   method instead of this one whenever possible    See  https   developer apple com documentation uikit uitableview 1614908-beginupdates

User · Answer

Get the indexpath of the row selected  Reload the table  In the heightForRowAtIndexPath method of UITableViewDelegate  set the height of the row selected to a different height and for the others return the normal row height

User · Answer

Swift version of Simon Lee s answer   tableView beginUpdates   tableView endUpdates     Keep in mind that you should modify the height properties BEFORE endUpdates

User · Answer

I used  Joy s awesome answer  and it worked perfectly with ios 8 4 and XCode 7 1 1    In case you are looking to make your cell toggle-able  I changed the -tableViewDidSelect to the following   - void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath    This is the bit I changed  so that if tapped once on the cell     cell is expanded  If tapped again on the same cell     cell is collapsed       if  self currentSelection  indexPath row            self currentSelection   -1       else          self currentSelection   indexPath row                   animate          tableView beginUpdates            tableView endUpdates        I hope any of this helped you

User · Answer

Check this method after iOS 7 and later    -  CGFloat tableView  UITableView   tableView estimatedHeightForRowAtIndexPath  NSIndexPath   indexPath      return UITableViewAutomaticDimension      Improvements have been made to this in iOS 8  We can set it as property of the table view itself

User · Answer

I used  Joy s awesome answer  and it worked perfectly with ios 8 4 and XCode 7 1 1    In case you are looking to make your cell toggle-able  I changed the -tableViewDidSelect to the following   - void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath    This is the bit I changed  so that if tapped once on the cell     cell is expanded  If tapped again on the same cell     cell is collapsed       if  self currentSelection  indexPath row            self currentSelection   -1       else          self currentSelection   indexPath row                   animate          tableView beginUpdates            tableView endUpdates        I hope any of this helped you

User · Answer

Swift version of Simon Lee s answer   tableView beginUpdates   tableView endUpdates     Keep in mind that you should modify the height properties BEFORE endUpdates

User · Answer

Swift Version of Simon Lee s answer       MARK  - Variables    var isCcBccSelected   false    To toggle Bcc            MARK  UITableViewDelegate func tableView tableView  UITableView  heightForRowAtIndexPath indexPath  NSIndexPath  - gt  CGFloat           Hide the Bcc Text Field   until CC gets focused in didSelectRowAtIndexPath       if self cellTypes indexPath row     CellType Bcc           if  isCcBccSelected                return 44           else               return 0                      return 44 0     Then in didSelectRowAtIndexPath       func tableView tableView  UITableView  didSelectRowAtIndexPath indexPath  NSIndexPath        self tableView deselectRowAtIndexPath indexPath  animated  true          To Get the Focus of CC  so that we can expand Bcc     if self cellTypes indexPath row     CellType Cc            if let cell   tableView cellForRowAtIndexPath indexPath  as  RecipientTableViewCell                if cell tag    1                   cell recipientTypeLabel text    Cc                   cell recipientTextField userInteractionEnabled   true                 cell recipientTextField becomeFirstResponder                    isCcBccSelected   true                  tableView beginUpdates                   tableView endUpdates

User · Answer

reloadData is no good because there s no animation     This is what I m currently trying   NSArray  paths    NSArray arrayWithObject  NSIndexPath indexPathForRow 0 inSection 0     self tableView beginUpdates    self tableView insertRowsAtIndexPaths paths withRowAnimation UITableViewRowAnimationFade    self tableView deleteRowsAtIndexPaths paths withRowAnimation UITableViewRowAnimationFade    self tableView endUpdates     It almost works right  Almost  I m increasing the height of the cell  and sometimes there s a little  hiccup  in the table view as the cell is replaced  as if some scrolling position in the table view is being preserved  the new cell  which is the first cell in the table  ends up with its offset too high  and the scrollview bounces to reposition it

User · Answer

Swift 4 and Above  add below code into you tableview s didselect row delegate method  tableView beginUpdates   tableView setNeedsLayout   tableView endUpdates

User · Answer

Check this method after iOS 7 and later    -  CGFloat tableView  UITableView   tableView estimatedHeightForRowAtIndexPath  NSIndexPath   indexPath      return UITableViewAutomaticDimension      Improvements have been made to this in iOS 8  We can set it as property of the table view itself

User · Answer

Here is my code of custom UITableView subclass  which expand UITextView at the table cell  without reloading  and lost keyboard focus    -  void textViewDidChange  UITextView   textView       CGFloat textHeight    textView sizeThatFits CGSizeMake self width  MAXFLOAT   height         Check  if text height changed     if  self previousTextHeight    textHeight  amp  amp  self previousTextHeight  gt  0             self beginUpdates               Calculate difference in height         CGFloat difference   textHeight - self previousTextHeight              Update currently editing cell s height         CGRect editingCellFrame   self editingCell frame          editingCellFrame size height    difference          self editingCell frame   editingCellFrame              Update UITableView contentSize         self contentSize   CGSizeMake self contentSize width  self contentSize height   difference               Scroll to bottom if cell is at the end of the table         if  self editingNoteInEndOfTable                self contentOffset   CGPointMake self contentOffset x  self contentOffset y   difference             else                  Update all next to editing cells             NSInteger editingCellIndex    self visibleCells indexOfObject self editingCell               for  NSInteger i   editingCellIndex  i  lt  self visibleCells count  i                      UITableViewCell  cell   self visibleCells i                   CGRect cellFrame   cell frame                  cellFrame origin y    difference                  cell frame   cellFrame                                   self endUpdates             self previousTextHeight   textHeight

User · Answer

just a note for someone like me searching for add  More Details  on custom cell     tableView beginUpdates    tableView endUpdates     Did a excellent work  but don t forget to  crop  cell view   From Interface Builder select your Cell -  Content View -  from Property Inspector select  Clip subview

User · Answer

Inputs -  tableView beginUpdates   tableView endUpdates   these functions will not call   func tableView   tableView  UITableView  cellForRowAt indexPath  IndexPath  -  UITableViewCell     But  if you do   tableView reloadRows at   selectedIndexPath  as IndexPath   with   none   It will call the      func tableView   tableView  UITableView  cellForRowAt indexPath  IndexPath  -  UITableViewCell    this function

User · Answer

Add a property to keep track of the selected cell   property  nonatomic  int currentSelection    Set it to a sentinel value in  for example  viewDidLoad  to make sure that the UITableView starts in the  normal  position  -  void viewDidLoad        super viewDidLoad          Do any additional setup after loading the view         sentinel     self currentSelection   -1      In heightForRowAtIndexPath you can set the height you want for the selected cell  -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath   indexPath      int rowHeight      if   indexPath row     self currentSelection            rowHeight   self newCellHeight        else rowHeight   57 0f      return rowHeight      In didSelectRowAtIndexPath you save the current selection and save a dynamic height  if required  -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath              do things with your cell here             set selection         self currentSelection   indexPath row             save height for full text label         self newCellHeight   cell titleLbl frame size height   cell descriptionLbl frame size height   10              animate          tableView beginUpdates            tableView endUpdates             In didDeselectRowAtIndexPath set the selection index back to the sentinel value and animate the cell back to normal form  -  void tableView  UITableView   tableView didDeselectRowAtIndexPath  NSIndexPath   indexPath                     do things with your cell here             sentinel         self currentSelection   -1              animate          tableView beginUpdates            tableView endUpdates

User · Answer

reloadData is no good because there s no animation     This is what I m currently trying   NSArray  paths    NSArray arrayWithObject  NSIndexPath indexPathForRow 0 inSection 0     self tableView beginUpdates    self tableView insertRowsAtIndexPaths paths withRowAnimation UITableViewRowAnimationFade    self tableView deleteRowsAtIndexPaths paths withRowAnimation UITableViewRowAnimationFade    self tableView endUpdates     It almost works right  Almost  I m increasing the height of the cell  and sometimes there s a little  hiccup  in the table view as the cell is replaced  as if some scrolling position in the table view is being preserved  the new cell  which is the first cell in the table  ends up with its offset too high  and the scrollview bounces to reposition it

User · Answer

I found a REALLY SIMPLE solution to this as a side-effect to a UITableView I was working on       Store the cell height in a variable that reports the original height normally via the tableView  heightForRowAtIndexPath   then when you want to animate a height change  simply change the value of the variable and call this      tableView beginUpdates    tableView endUpdates     You will find it doesn t do a full reload but is enough for the UITableView to know it has to redraw the cells  grabbing the new height value for the cell     and guess what  It ANIMATES the change for you  Sweet   I have a more detailed explanation and full code samples on my blog    Animate UITableView Cell Height Change

User · Answer

Heres a shorter version of Simons answer for Swift 3  Also allows for toggling of the cell s selection  var cellIsSelected  IndexPath      func tableView   tableView  UITableView  didSelectRowAt indexPath  IndexPath        cellIsSelected   cellIsSelected    indexPath   nil   indexPath     tableView beginUpdates       tableView endUpdates           func tableView   tableView  UITableView  heightForRowAt indexPath  IndexPath  - gt  CGFloat       if cellIsSelected    indexPath         return 250           return 65

User · Answer

Swift Version of Simon Lee s answer       MARK  - Variables    var isCcBccSelected   false    To toggle Bcc            MARK  UITableViewDelegate func tableView tableView  UITableView  heightForRowAtIndexPath indexPath  NSIndexPath  - gt  CGFloat           Hide the Bcc Text Field   until CC gets focused in didSelectRowAtIndexPath       if self cellTypes indexPath row     CellType Bcc           if  isCcBccSelected                return 44           else               return 0                      return 44 0     Then in didSelectRowAtIndexPath       func tableView tableView  UITableView  didSelectRowAtIndexPath indexPath  NSIndexPath        self tableView deselectRowAtIndexPath indexPath  animated  true          To Get the Focus of CC  so that we can expand Bcc     if self cellTypes indexPath row     CellType Cc            if let cell   tableView cellForRowAtIndexPath indexPath  as  RecipientTableViewCell                if cell tag    1                   cell recipientTypeLabel text    Cc                   cell recipientTextField userInteractionEnabled   true                 cell recipientTextField becomeFirstResponder                    isCcBccSelected   true                  tableView beginUpdates                   tableView endUpdates

User · Answer

Try this is for expanding indexwise row    property  nonatomic  NSIndexPath  expandIndexPath  -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath  indexPath   if   indexPath isEqual self expandedIndexPath       return 100   return 44     -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath   NSMutableArray  modifiedRows    NSMutableArray array   if   indexPath isEqual self expandIndexPath          modifiedRows addObject self expandIndexPath       self expandIndexPath   nil    else       if  self expandedIndexPath           modifiedRows addObject self expandIndexPath        self expandIndexPath   indexPath       modifiedRows addObject indexPath         This will animate updating the row sizes  tableView reloadRowsAtIndexPaths modifiedRows withRowAnimation UITableViewRowAnimationAutomatic       Preserve the deselection animation  if desired   tableView selectRowAtIndexPath indexPath animated NO scrollPosition UITableViewScrollPositionNone    tableView deselectRowAtIndexPath indexPath animated YES      -  UITableViewCell   tableView  UITableView   tableView cellForRowAtIndexPath  NSIndexPath   indexPath       UITableViewCell  cell    tableView dequeueReusableCellWithIdentifier ViewControllerCellReuseIdentifier       cell textLabel text    NSString stringWithFormat   I m cell  ld  ld    long indexPath section   long indexPath row    return cell

User · Answer

Add a property to keep track of the selected cell   property  nonatomic  int currentSelection    Set it to a sentinel value in  for example  viewDidLoad  to make sure that the UITableView starts in the  normal  position  -  void viewDidLoad        super viewDidLoad          Do any additional setup after loading the view         sentinel     self currentSelection   -1      In heightForRowAtIndexPath you can set the height you want for the selected cell  -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath   indexPath      int rowHeight      if   indexPath row     self currentSelection            rowHeight   self newCellHeight        else rowHeight   57 0f      return rowHeight      In didSelectRowAtIndexPath you save the current selection and save a dynamic height  if required  -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath              do things with your cell here             set selection         self currentSelection   indexPath row             save height for full text label         self newCellHeight   cell titleLbl frame size height   cell descriptionLbl frame size height   10              animate          tableView beginUpdates            tableView endUpdates             In didDeselectRowAtIndexPath set the selection index back to the sentinel value and animate the cell back to normal form  -  void tableView  UITableView   tableView didDeselectRowAtIndexPath  NSIndexPath   indexPath                     do things with your cell here             sentinel         self currentSelection   -1              animate          tableView beginUpdates            tableView endUpdates

User · Answer

I just resolved this problem with a little hack   static int s CellHeight   30  static int s CellHeightEditing   60   -  void onTimer       cellHeight         tableView reloadData       if  cellHeight  lt  s CellHeightEditing          heightAnimationTimer     NSTimer scheduledTimerWithTimeInterval 0 001 target self selector  selector onTimer  userInfo nil repeats NO  retain      -  CGFloat tableView  UITableView    tableView heightForRowAtIndexPath  NSIndexPath   indexPath           if  isInEdit                return cellHeight                    cellHeight   s CellHeight          return s CellHeight      When I need to expand the cell height I set isInEdit   YES and call the method  self onTimer  and it animates the cell growth until it reach the s CellHeightEditing value  -

User · Answer

Swift 4 and Above  add below code into you tableview s didselect row delegate method  tableView beginUpdates   tableView setNeedsLayout   tableView endUpdates

User · Answer

Instead of beginUpdates   endUpdates    the recommended call is now   tableView performBatchUpdates nil  completion  nil    Apple says  regarding beginUpdates endUpdates   Use the performBatchUpdates   completion   method instead of this one whenever possible    See  https   developer apple com documentation uikit uitableview 1614908-beginupdates

User · Answer

Inputs -  tableView beginUpdates   tableView endUpdates   these functions will not call   func tableView   tableView  UITableView  cellForRowAt indexPath  IndexPath  -  UITableViewCell     But  if you do   tableView reloadRows at   selectedIndexPath  as IndexPath   with   none   It will call the      func tableView   tableView  UITableView  cellForRowAt indexPath  IndexPath  -  UITableViewCell    this function

User · Answer

I resolved with reloadRowsAtIndexPaths    I save in didSelectRowAtIndexPath the indexPath of cell selected and call reloadRowsAtIndexPaths at the end  you can send NSMutableArray for list of element s you want reload    In heightForRowAtIndexPath you can check if indexPath is in the list or not of expandIndexPath cell s and send height   You can check this basic example   https   github com ferminhg iOS-Examples tree master iOS-UITableView-Cell-Height-Change celdascambiadetam It s a simple solution   i add a sort of code if help you  -  NSInteger tableView  UITableView   tableView numberOfRowsInSection  NSInteger section       return 20     - CGFloat tableView  UITableView   tableView heightForRowAtIndexPath   NSIndexPath  indexPath       if   indexPath isEqual  expandIndexPath           return 80       return 40     -  UITableViewCell   tableView  UITableView   tableView cellForRowAtIndexPath  NSIndexPath   indexPath       static NSString  CellIdentifier     Celda        UITableViewCell  cell    tableView dequeueReusableCellWithIdentifier CellIdentifier         cell textLabel setText   wopwop         return cell      pragma mark -  pragma mark Tableview Delegate Methods  -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath       NSMutableArray  modifiedRows    NSMutableArray array          Deselect cell      tableView deselectRowAtIndexPath indexPath animated TRUE        expandIndexPath   indexPath       modifiedRows addObject indexPath           This will animate updating the row sizes      tableView reloadRowsAtIndexPaths modifiedRows withRowAnimation UITableViewRowAnimationAutomatic

User · Answer

I like the answer by Simon Lee   I didn t actually try that method but it looks like it would change the size of all the cells in the list   I was hoping for a change of just the cell that is tapped   I kinda did it like Simon but with just a little difference   This will change the look of a cell when it is selected   And it does animate   Just another way to do it   Create an int to hold a value for the current selected cell index   int currentSelection    Then    -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath       int row    indexPath row       selectedNumber   row       tableView beginUpdates        tableView endUpdates       Then   -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath   indexPath        if   indexPath row     currentSelection            return  80            else return 40        I am sure you can make similar changes in tableView cellForRowAtIndexPath  to change the type of cell or even load a xib file for the cell   Like this  the currentSelection will start at 0   You would need to make adjustments if you didn t want the first cell of the list  at index 0  to look selected by default

User · Answer

Try this is for expanding indexwise row    property  nonatomic  NSIndexPath  expandIndexPath  -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath  indexPath   if   indexPath isEqual self expandedIndexPath       return 100   return 44     -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath   NSMutableArray  modifiedRows    NSMutableArray array   if   indexPath isEqual self expandIndexPath          modifiedRows addObject self expandIndexPath       self expandIndexPath   nil    else       if  self expandedIndexPath           modifiedRows addObject self expandIndexPath        self expandIndexPath   indexPath       modifiedRows addObject indexPath         This will animate updating the row sizes  tableView reloadRowsAtIndexPaths modifiedRows withRowAnimation UITableViewRowAnimationAutomatic       Preserve the deselection animation  if desired   tableView selectRowAtIndexPath indexPath animated NO scrollPosition UITableViewScrollPositionNone    tableView deselectRowAtIndexPath indexPath animated YES      -  UITableViewCell   tableView  UITableView   tableView cellForRowAtIndexPath  NSIndexPath   indexPath       UITableViewCell  cell    tableView dequeueReusableCellWithIdentifier ViewControllerCellReuseIdentifier       cell textLabel text    NSString stringWithFormat   I m cell  ld  ld    long indexPath section   long indexPath row    return cell

User · Answer

Yes It s Possible   UITableView has a delegate method didSelectRowAtIndexPath   -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath        UIView animateWithDuration  6                           delay 0          usingSpringWithDamping UIViewAnimationOptionBeginFromCurrentState           initialSpringVelocity 0                         options UIViewAnimationOptionBeginFromCurrentState animations                                 cellindex    NSIndexPath indexPathForRow indexPath row inSection indexPath section                               NSArray  indexArray    NSArray arrayWithObjects indexPath  nil                                violatedTableView beginUpdates                                violatedTableView reloadRowsAtIndexPaths indexArray withRowAnimation UITableViewRowAnimationAutomatic                                violatedTableView endUpdates                                                  completion   BOOL finished                But in your case if the user scrolls and selects a different cell then u need to have the last selected cell to shrink and expand the currently selected cell reloadRowsAtIndexPaths  calls heightForRowAtIndexPath  so handle accordingly

User · Answer

I resolved with reloadRowsAtIndexPaths    I save in didSelectRowAtIndexPath the indexPath of cell selected and call reloadRowsAtIndexPaths at the end  you can send NSMutableArray for list of element s you want reload    In heightForRowAtIndexPath you can check if indexPath is in the list or not of expandIndexPath cell s and send height   You can check this basic example   https   github com ferminhg iOS-Examples tree master iOS-UITableView-Cell-Height-Change celdascambiadetam It s a simple solution   i add a sort of code if help you  -  NSInteger tableView  UITableView   tableView numberOfRowsInSection  NSInteger section       return 20     - CGFloat tableView  UITableView   tableView heightForRowAtIndexPath   NSIndexPath  indexPath       if   indexPath isEqual  expandIndexPath           return 80       return 40     -  UITableViewCell   tableView  UITableView   tableView cellForRowAtIndexPath  NSIndexPath   indexPath       static NSString  CellIdentifier     Celda        UITableViewCell  cell    tableView dequeueReusableCellWithIdentifier CellIdentifier         cell textLabel setText   wopwop         return cell      pragma mark -  pragma mark Tableview Delegate Methods  -  void tableView  UITableView   tableView didSelectRowAtIndexPath  NSIndexPath   indexPath       NSMutableArray  modifiedRows    NSMutableArray array          Deselect cell      tableView deselectRowAtIndexPath indexPath animated TRUE        expandIndexPath   indexPath       modifiedRows addObject indexPath           This will animate updating the row sizes      tableView reloadRowsAtIndexPaths modifiedRows withRowAnimation UITableViewRowAnimationAutomatic

User · Answer

I don t know what all this stuff about calling beginUpdates endUpdates in succession is  you can just use - UITableView reloadRowsAtIndexPaths withAnimation    Here is an example project

User · Answer

Get the indexpath of the row selected  Reload the table  In the heightForRowAtIndexPath method of UITableViewDelegate  set the height of the row selected to a different height and for the others return the normal row height

[ios] Can you animate a height change on a UITableViewCell when selected?

Examples related to ios

Examples related to cocoa-touch

Examples related to uitableview