Brief introduction to iOS Storyboard

1. iOS Storyboard

2. What is it?
A new feature added to iOS 5
Makes managing of screens
and transitions easier
Less code to write
Hurray!!! 

4. Storyboard
Those areas marked in red in
the previous slide are the
icons indicating the transition
They are known as Segues
Pronounced as Segway

5. Things to remember
Always remember to select
the User Storyboards option
when creating a new project
File extension is .storyboard

7. Next
Remember to set a
storyboard to be the initial
view controller
Go to View -> Utilities ->
Show Attributes Inspector

9. Last
Add Navigation View to your
initial view controller
Select your initial view
Go to Editor -> Embed In ->
Navigation Controller

11. Creating New Storyboard
Just drag a new view
controller to the storyboard
screen

13. Link storyboard screens
together part 1
Just select your button
Which will trigger the transition
Then right click and drag the
Trigger Segues outlet
And pull it to the storyboard that
you want to link

15. Link storyboard screens together
part 2
Using code
You need to give the segue an
identifier
Then write some code

17. The code to write
[self
performSegueWithIdentifier:
@"SecondViewSegue"
sender:self];

18. PRACTICAL TIME