Post navigation

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.

3 comments on “Prototyping an iOS App with Storyboards”

Hello! We're the teachers here at Treehouse. We produce video courses on everything from web design and web development to iOS and business skills. You can browse our full library of content to find the course that's right for you.

In the meantime, explore the free features, tips, tricks and videos here on our blog. Tell us what you think, we'd love to chat: blog@teamtreehouse.com

Stay Updated

Sign up for our newsletter, and we'll send you news and tutorials
on web design, coding, business, and more! You'll also receive these
great gifts:

checkArt and the Web: Line, Shape, and Form - An eBook by Treehouse Teacher Nick Pettit.

checkOn Freelancing - An audiobook about running your own business by Simon Collison.

Treehouse Project

Building the Crystal Ball app will teach you how to use the Objective-C language and the Xcode and Interface Builder tools. You will also learn core concepts such as a design pattern called Model-View-Controller, View hierarchy, View Controller life-cycle. In addition, you will learn how to connect views/controls to code, create animations, respond to touch and motion events. Towards the end you will have finished creating a fun app that will get you oriented with world of iOS development.

Swift is a new programming language created by Apple to program iOS apps. If you are new to programming or to Swift then this course is for you. Learn about programming concepts like: variables, types, collections and control structures.

Ruby is a programming language with a focus on simplicity and productivity, and it's used to create some of the biggest websites in the world. Learn how to work with Ruby and write simple Ruby programs in this introductory course.

Interested in creating Android apps? Learn the Java programming language, a tool for Android development called Android Studio, and some very basic concepts of the Android Software Development Kit, or SDK.

Bring your big idea to life! Learn how to start a company on the right foot with an introduction to basic business concepts, including corporate structure, marketing, finance, and accounting. Then you’re ready for more advanced business strategies.