An overview of the editor
As soon as you open a
.xib file, Xcode presents you with the Interface Builder editor:
You can easily notice three different areas marked with numbers in the preceding image. They represent the following:
- The document outline contains a tree structure that represents all the view controllers and elements available in the Storyboard/XIB file. It is a handy way to select specific elements, especially when the user interface is crowded with different components.
- In the center of the screen, you can see the interface editor. From this area, you can create new view controllers, place and move elements inside views, ...