User Tools

Site Tools


This is an old revision of the document!

What is a Storyboard?

A storyboard is the visual representation of all the screens in an application. It also tells you about the transitions between various screens.

A storyboard is represented as scenes and segues.

A scene refers to a single view or view controller. Each scene has a dock to make outlet and action connections between the view and its view controller.

A segue manages the transition between two scenes. A segue is established by pressing ctrl key and dragging from one scene to the other. Pushing a view controller to the navigation stack and presenting a modal view controller on the click of a button can be done easily with the help of segue thereby reducing the need for coding.

The entire application flow can be seen in the storyboard file.

InterfaceBuilder (commonly abbreviated as IB) is Xcode's integrated interface-building tool. It is a WYSIWYG (what-you-see-is-what-you-get) editor that allows you to drag and drop Views onto the screen easily. One of the nicest features of Xcode, InterfaceBuilder allows you to deal with the View creation process without ever having to write a single line of code. The file that InterfaceBuilder operates on is called the storyboard.

IB can look a little complicated, but there are only a two broad kinds of items that appear on the screen.

View Controllers- every long rectangle on the screen represents a ViewController. These rectangles are the only things that can “float” in IB's main window and 3. Arrows- arrows in IB represent relationships between ViewControllers. The arrow on the left of the image above identifies the first ViewController to appear when the app launches. Arrows between ViewControllers are called segues and represent a transition between ViewControllers

ios-labs-s14/basics-ib.1392258779.txt.gz · Last modified: 2014/02/12 20:33 (external edit)