Unlike table views, collection views require customized cells. In this tutorial, see all the steps involved in creating custom collection view cells, so that you can customize your collection views in your iOS apps.
- [Instructor] Our next step, is to customize the cells…inside of the collection view controller.…The first thing we're going to do is…create a collection view cell sub-class.…So, I'm going to select collection view controller,…and press command N on the keyboard…to open up the file creation menu.…And under IOS I'm going to chose Cocoa Touch Class…and hit next.…I want to create a sub-class of UI collection view cells,…so type that in.…And you should get the default name of collection view cell,…which is fine, hit next to create the class.…
And then, save it in the default location.…And there we go.…Now, what we can do is associate this class with the cell…in our story board.…So head over to main.storyboard and select the cell.…You can select it in the document outline,…or on the screen in the editor.…With it selected head over to the identity inspector,…which is to the left of the attributes inspector.…And from there you can set the custom class to…collection view cell, or whatever you created…the class as, and then press return.…
Author
Released
11/13/2018- Alert controllers and actions
- Sliders, progress bars, and switches
- Creating UI elements with code
- Displaying web content with Safari view controllers and WKWebView
- Creating collection view controllers
- Creating tabbed apps
- Publishing your app with App Store Connect
Skill Level Beginner
Duration
Views
Related Courses
-
Introduction
-
1. Master Views
-
Alert controllers4m 41s
-
Alert actions4m 15s
-
Sliders3m 47s
-
Progress bars2m 27s
-
Switches4m 2s
-
Activity indicators4m 32s
-
Image views3m 42s
-
Create UI elements with code4m 38s
-
-
2. Display Web Content
-
Safari view controllers4m 19s
-
Open the Safari application3m 19s
-
WKWebView4m 46s
-
-
3. Collection Views
-
Collection views5m 2s
-
Provide simple data4m 25s
-
Control cell size4m 53s
-
Control cell spacing3m 23s
-
Create a custom data type2m 27s
-
Connect a data model3m 35s
-
-
4. Multiview Templates
-
Customize a table view cell4m 18s
-
5. Publish an App
-
Launch screens4m 14s
-
App icons2m 27s
-
Test on a device2m 44s
-
Certificates and app IDs3m 42s
-
App Store Connect1m 44s
-
-
Conclusion
-
Next steps3m 28s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Customize collection view cells