Expand UILabel inside UITableView with “more” button like Instagram

by

Here is an example: https://github.com/DonMag/DynamicCellHeight

Table B is one way of accomplishing “More/Less” (Table A was for another layout I played around with). It uses the [tableView beginUpdates]; tableView endUpdates]; method of triggering the table re-layout.

The key is getting all your constraints set up correctly, so the Auto-Layout engine does what you expect.

The example is in Swift, but should be really easily translated back to Obj-C (I think I did it in Obj-C first).

enter image description here

Edit: some additional notes…

This is using a pretty standard method of dynamic-height table view cells. The vertical spacing constraints between elements effectively “pushes out” the bounds of the cell. The tap here toggles the numberOfLines property of the label between 2 and 0 (zero meaning as many lines as necessary). Sequential calls to beginUpdates / endUpdates on the table view tells the auto-layout engine to recalculate the row heights without needing to reload the data.

For this example, I did use a little “trickery” to get the smooth expand/collapse effect… The multiline label you see here is contained in a UIView (with clipsToBounds true). There is a second, duplicate multiline label (alpha 0 so it’s not visible) that is controlling the height. I found that changing the numberOfLines on the visible label sort of “snapped” to 2 lines, and then the size change animation took place… resulting in the text “jumping around.”

Just for the heck of it, I added the “not so good” version to my GitHub repo for comparison’s sake.

enter image description here

More Related Contents:

  1. Two different heights for sectionHeaderView
  2. Async image loading from url inside a UITableView cell – image changes to wrong image while scrolling
  3. Assertion failure in dequeueReusableCellWithIdentifier:forIndexPath:
  4. Get button click inside UITableViewCell
  5. Having a UITextField in a UITableViewCell
  6. Resizing UITableView to fit content
  7. How to make a push segue when a UITableViewCell is selected
  8. UITableView set to static cells. Is it possible to hide some of the cells programmatically?
  9. Custom edit view in UITableViewCell while swipe left. Objective-C or Swift
  10. why UITableViewAutomaticDimension not working?
  11. Drop-Down List in UITableView in iOS
  12. UITableview: How to Disable Selection for Some Rows but Not Others
  13. UIRefreshControl – beginRefreshing not working when UITableViewController is inside UINavigationController
  14. UITableView inside UIScrollView not receiving first tap after scrollling
  15. indexPathForCell returns nil since ios7
  16. Pull to refresh UITableView without UITableViewController
  17. How can I set a UITableView to grouped style
  18. What is “error in __connection_block_invoke_2: Connection interrupted” in iOS?
  19. UITableViewCells with UIButton overlaps while scrolling
  20. UITableView and UIView with keyboardWillShow
  21. How to set the full width of separator in UITableView
  22. If no Table View results, display “No Results” on screen
  23. Trouble with AutoLayout on UITableViewCell
  24. Setting scroll position in UITableView
  25. Dynamically increase height of UILabel & TableView Cell?
  26. Grouped UITableview remove outer separator line
  27. Expanding and collapsing UITableViewCells with DatePicker
  28. Design UITableView’s section header in Interface Builder
  29. UIRefreshControl with UICollectionView in iOS7
  30. How do I use the UISearchBar and UISearchDisplayController

Leave a Comment