You want to configure collection view cells in Interface Builder and feed those cells to your collection view for rendering.
Follow these steps:
Create a subclass of the
UICollectionViewCell and give it a name
for this example).
Create an empty .xib file and name it MyCollectionViewCell.xib.
Drop a Collection View Cell from the Objects Library in
Interface Builder onto your empty .xib file
(see Figure 5-7)
and change the class name of the dropped object in Interface Builder
Because you make this association, when you load the
.xib file programmatically, your custom class
automatically be loaded into memory. This is pure magic!
Figure 5-7. The Collection View Cell UI object in the Object Library of Interface Builder
Figure 5-8. Assigning our custom class to the .xib file of our custom collection view cell
Customize your cell in Interface Builder. For every UI
component that you drop on your cell, ensure that you create an
IBOutlet either in the
header or the implementation file of your class (
Register your nib with your collection view using the