Prototyping an iOS App with Storyboards


Learn how to quickly prototype an iPhone app using the Storyboard feature of Xcode which requires no programming. By using scenes and seques you can easily establish transitions between view controllers.

Start with a single view project using a storyboard. The storyboard allows you to setup multiple view controllers and establish a flow between view controllers.

First, add a new view controller, then link them by embedding the first view controller into a navigation controller.

In the menu, select: Editor – Embed In – Navigation controller

This gives you a toolbar on the first view controller. Add a bar button item to this navigation bar.

Then, use the shortcut ctrl-click and drag from the button to the second view controller.

This creates a segue link between the view controllers.

Now when you run the application, you can quickly move between the view controllers.

The next step is to use segues and storyboards to quickly prototype an entire app.

Amit Bijlani

Amit teaches iOS Development at Treehouse. He has over 14 years of experience creating software solutions on the web and mobile. In his spare time he's either doing yoga, hiking or trying to find some other challenging physical activity. Find him on twitter: @paradoxed


3 comments on “Prototyping an iOS App with Storyboards