{"id":9147384,"uri":"rw://betamax/collections/236","name":"Self-Sizing Table View Cells","description":"

Learn how to create self-sizing table view cells, allow them to resize on demand, support Dynamic Type, and even create them with SwiftUI.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-03-04T14:15:21.914Z","updated_at":"2020-03-30T14:30:32.042Z","duration":1915,"difficulty":"intermediate","content_type":"collection","platform_id":52,"language_id":22,"editor_id":56,"group_id":null,"ordinal":null,"body":null,"warnings":["missing_category"],"related_content_id":null,"popularity":266.625,"labelled_as_new":true,"display_attributes":{"concepts_covered":"

Self-sizing UITableView cells
Dynamic Type
SwiftUI

","intended_audience":"

Intermediate iOS developers who want to do more with their UITableViews. It expects you to have familiarity with creating user interfaces with Storyboards in Interface Builder, the concept of Dynamic Type, and some basics of SwiftUI.

"},"average_rating":null,"rating_count":0,"professional":true,"to_param":"9147384-self-sizing-table-view-cells","released_versions_data":[{"id":9147384,"url":"9147384-self-sizing-table-view-cells","description":"Swift 5.1, macOS 10.15, Xcode 11.3"}],"groups":[{"id":552,"uri":"rw://betamax/parts/304","content_id":9147384,"ordinal":0,"name":"Set Up the UITableView","description":"","created_at":"2020-03-17T07:34:54.535Z","updated_at":"2020-03-17T07:34:54.545Z","contents":[{"id":9380822,"uri":"rw://betamax/videos/3712","name":"Create Self-Sizing Table View Cells","description":"

Set up the custom Auteur table view cell to grow as its content changes by applying constraints and setting properties on the UILabel.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":true,"created_at":"2020-03-17T07:34:53.934Z","updated_at":"2020-03-30T14:30:31.060Z","duration":222,"difficulty":"intermediate","content_type":"episode","platform_id":52,"language_id":22,"editor_id":56,"group_id":552,"ordinal":1,"warnings":["missing_category"],"related_content_id":null,"popularity":830.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Self-Sizing Table View Cells · Create Self-Sizing Table View Cells","duration_in_time":"3:42","identifier":"3712","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3712/f8f85f94-a0d4-40a9-9393-ac2aa4a6b155.png","released":true,"has_materials_url":true,"permission_tags":[]},{"id":9380947,"uri":"rw://betamax/videos/3713","name":"Configure the Table View","description":"

Update the UITableView to be aware that its cells may be of varying sizes by declaring an estimatedRowHeight value.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-03-17T07:45:45.241Z","updated_at":"2020-03-30T13:30:28.789Z","duration":165,"difficulty":"intermediate","content_type":"episode","platform_id":52,"language_id":22,"editor_id":56,"group_id":552,"ordinal":2,"warnings":["missing_category"],"related_content_id":null,"popularity":372.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Self-Sizing Table View Cells · Configure the Table View","duration_in_time":"2:45","identifier":"3713","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3713/4a8355dd-fb3c-4a58-ad05-e8a4a1088a0c.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":9380967,"uri":"rw://betamax/videos/3714","name":"Add More Content to the Cell","description":"

Add in more content to the AuteurTableViewCell, adding constraints to ensure it will continue to grow as needed.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-03-17T07:46:23.666Z","updated_at":"2020-03-30T12:30:31.895Z","duration":322,"difficulty":"intermediate","content_type":"episode","platform_id":52,"language_id":22,"editor_id":56,"group_id":552,"ordinal":3,"warnings":["missing_category"],"related_content_id":null,"popularity":191.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Self-Sizing Table View Cells · Add More Content to the Cell","duration_in_time":"5:22","identifier":"3714","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3714/af5e25bc-079b-406d-b6ae-3aa0524d42a1.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]}]},{"id":553,"uri":"rw://betamax/parts/305","content_id":9147384,"ordinal":1,"name":"Make Elements Dynamic","description":"","created_at":"2020-03-17T07:34:54.687Z","updated_at":"2020-03-17T07:34:54.696Z","contents":[{"id":9381299,"uri":"rw://betamax/videos/3721","name":"Configure the UITextView to Grow","description":"

Layout the UI elements for the detail view, configuring the UITextView to grow when its content is changed.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-03-17T08:10:27.463Z","updated_at":"2020-03-30T13:30:29.089Z","duration":248,"difficulty":"intermediate","content_type":"episode","platform_id":52,"language_id":22,"editor_id":56,"group_id":553,"ordinal":4,"warnings":["missing_category"],"related_content_id":null,"popularity":156.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Self-Sizing Table View Cells · Configure the UITextView to Grow","duration_in_time":"4:08","identifier":"3721","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3721/8545f671-f7ba-4aa8-9ba2-df39979686cd.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":9381345,"uri":"rw://betamax/videos/3722","name":"Grow Cell When Content Changes","description":"

Demonstrate how easy it is to grow a cell once AutoLayout constraint are in place by simply changing the text in a UITextView.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-03-17T08:13:09.882Z","updated_at":"2020-03-30T13:30:29.246Z","duration":158,"difficulty":"intermediate","content_type":"episode","platform_id":52,"language_id":22,"editor_id":56,"group_id":553,"ordinal":5,"warnings":["missing_category"],"related_content_id":null,"popularity":163.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Self-Sizing Table View Cells · Grow Cell When Content Changes","duration_in_time":"2:38","identifier":"3722","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3722/37ae8c15-ddff-4a84-938e-cab8f1126c22.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":9381380,"uri":"rw://betamax/videos/3723","name":"Use Dynamic Type","description":"

Add Dynamic Type support to the cells - which is just another type of content change to which the cell can adjust.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-03-17T08:14:33.075Z","updated_at":"2020-03-30T13:30:29.384Z","duration":117,"difficulty":"intermediate","content_type":"episode","platform_id":52,"language_id":22,"editor_id":56,"group_id":553,"ordinal":6,"warnings":["missing_category"],"related_content_id":null,"popularity":135.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Self-Sizing Table View Cells · Use Dynamic Type","duration_in_time":"1:57","identifier":"3723","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3723/962c308a-5722-4cf2-bf19-ccbd1874966a.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]}]},{"id":554,"uri":"rw://betamax/parts/306","content_id":9147384,"ordinal":2,"name":"Explore SwiftUI Differences","description":"","created_at":"2020-03-17T08:16:08.793Z","updated_at":"2020-03-17T08:16:08.811Z","contents":[{"id":9381424,"uri":"rw://betamax/videos/3724","name":"Configure Table Cells in SwiftUI","description":"

Implement the Auteur table in SwiftUI, taking advantage of its built-in formatting rules to make laying out the cells easier.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-03-17T08:16:08.210Z","updated_at":"2020-03-30T13:30:29.537Z","duration":303,"difficulty":"intermediate","content_type":"episode","platform_id":52,"language_id":22,"editor_id":56,"group_id":554,"ordinal":7,"warnings":["missing_category"],"related_content_id":null,"popularity":168.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Self-Sizing Table View Cells · Configure Table Cells in SwiftUI","duration_in_time":"5:03","identifier":"3724","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3724/15eb943b-c463-4cae-b773-eeb79b98dd2e.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":9381463,"uri":"rw://betamax/videos/3725","name":"Make Cells Dynamic","description":"

Implement the detail view in SwiftUI, add Dynamic Type support, and demonstrate how easy it is to grow the cells.

","released_at":"2020-03-24T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-03-17T08:17:50.333Z","updated_at":"2020-03-30T13:30:29.677Z","duration":380,"difficulty":"intermediate","content_type":"episode","platform_id":52,"language_id":22,"editor_id":56,"group_id":554,"ordinal":8,"warnings":["missing_category"],"related_content_id":null,"popularity":118.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Self-Sizing Table View Cells · Make Cells Dynamic","duration_in_time":"6:20","identifier":"3725","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3725/a63a4c6c-19ba-4f27-a30d-bf7be38f7ebf.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]}]}]}

Go from beginner to master with raywenderlich.com Professional!