O'Reilly logo

Learning iOS UI Development by Yari D'areglia

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

An overview of the editor

As soon as you open a .storyboard or .xib file, Xcode presents you with the Interface Builder editor:

An overview of the editor

You can easily notice three different areas marked with numbers in the preceding image. They represent the following:

  1. 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.
  2. 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, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required