iOS Storyboard
What is it?
A new feature added to iOS 5
Makes managing of screens
and transitions easier
Less code to write
Hurray!!!...
Storyboard
Those areas marked in red in
the previous slide are the
icons indicating the transition
They are known as Seg...
Things to remember
Always remember to select
the User Storyboards option
when creating a new project
File extension is ....
Next
Remember to set a
storyboard to be the initial
view controller
Go to View -> Utilities ->
Show Attributes Inspector
Last
Add Navigation View to your
initial view controller
Select your initial view
Go to Editor -> Embed In ->
Navigatio...
Creating New Storyboard
Just drag a new view
controller to the storyboard
screen
Link storyboard screens
together part 1
Just select your button
Which will trigger the transition
Then right click and ...
Link storyboard screens together
part 2
Using code
You need to give the segue an
identifier
Then write some code
The code to write
[self
performSegueWithIdentifier:
@"SecondViewSegue"
sender:self];
PRACTICAL TIME
Presentation
Presentation
Presentation
Presentation
Presentation
Presentation
Presentation
Upcoming SlideShare
Loading in …5
×

Presentation

332 views

Published on

Brief introduction to iOS Storyboard

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
332
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Presentation

  1. 1. iOS Storyboard
  2. 2. What is it? A new feature added to iOS 5 Makes managing of screens and transitions easier Less code to write Hurray!!! 
  3. 3. Storyboard Those areas marked in red in the previous slide are the icons indicating the transition They are known as Segues Pronounced as Segway
  4. 4. Things to remember Always remember to select the User Storyboards option when creating a new project File extension is .storyboard
  5. 5. Next Remember to set a storyboard to be the initial view controller Go to View -> Utilities -> Show Attributes Inspector
  6. 6. Last Add Navigation View to your initial view controller Select your initial view Go to Editor -> Embed In -> Navigation Controller
  7. 7. Creating New Storyboard Just drag a new view controller to the storyboard screen
  8. 8. 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
  9. 9. Link storyboard screens together part 2 Using code You need to give the segue an identifier Then write some code
  10. 10. The code to write [self performSegueWithIdentifier: @"SecondViewSegue" sender:self];
  11. 11. PRACTICAL TIME

×