Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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

371 views

Published on

Brief introduction to iOS Storyboard

Published in: Technology, Art & Photos
  • Be the first to comment

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

×