LearnPrototyping an iOS App with Storyboards

Amit Bijlani
writes on January 24, 2013

Share with your friends










Submit

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.

3 Responses to “Prototyping an iOS App with Storyboards”

  1. Douglas on April 28, 2013 at 4:48 am said:

    Looks like the video embed isn’t working.

Leave a Reply

Want to learn more about iOS?

iOS is the operating system that powers iPhones and iPads. Learn the language, tools and frameworks to build interactive apps on the iOS platform.

Learn more