IOS Storyboards
By : Nitesh Meshram
This Talks
What,When,Why and How?
Demo
What?
New feature in Xcode and iOS
Visual way to specify views and
transitions between them
When?
Xcode 4.2
iOS Deployment Target: iOS 5.0+
* Not supported for devices not running iOS 5.0
Why?
Reduces amount of glue code
“Bird’s Eye” view of your app
Sample Storyboard
Segues or Connections
A Segue is the transition between one
View Controller and another that
occurs when you press a butto...
Segues
Segues
● Relationship
● Push
● Model
● Custom
Advantages
Single storyboard contains layout for ALL
views/transitions (no separate nib files)
Ctrl-drag to create a trans...
How?
New terminology
Scene - view controller
Segue - transition from one view to another
Create a new project w/ “Use Stor...
How? (Optional)
Add a behavior that occurs during (just before) a
segue. Override method:
-(void)prepareForSegue:(UIStoryb...
How? (Optional #2)
● Programmatically invoke a segue:
[self performSegueWithIdentifier:@”MySegue”
sender:self];
Demo
So what is UIStoryboard?
UIStoryboard is...
Runtime representation of everything
configured in Interface Builder
Can load any scene with:
[UIStoryboard
instantiateInitialViewController];
[UIStoryboard
instantiateViewControllerWithIdent...
Thanks !!!
By : Nitesh Meshram
Storyboard
Storyboard
Upcoming SlideShare
Loading in …5
×

Storyboard

620
-1

Published on

Storyboard

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

No Downloads
Views
Total Views
620
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Storyboard

  1. 1. IOS Storyboards By : Nitesh Meshram
  2. 2. This Talks What,When,Why and How? Demo
  3. 3. What? New feature in Xcode and iOS Visual way to specify views and transitions between them
  4. 4. When? Xcode 4.2 iOS Deployment Target: iOS 5.0+ * Not supported for devices not running iOS 5.0
  5. 5. Why? Reduces amount of glue code “Bird’s Eye” view of your app
  6. 6. Sample Storyboard
  7. 7. Segues or Connections A Segue is the transition between one View Controller and another that occurs when you press a button or any event… Continue…
  8. 8. Segues
  9. 9. Segues ● Relationship ● Push ● Model ● Custom
  10. 10. Advantages Single storyboard contains layout for ALL views/transitions (no separate nib files) Ctrl-drag to create a transition Flexible support for UITableViewCells Design directly in storyboard (no nib file) is deeply integrated into Objective C.
  11. 11. How? New terminology Scene - view controller Segue - transition from one view to another Create a new project w/ “Use Storyboard” Create segues (ctrl-drag) in your Storyboard
  12. 12. How? (Optional) Add a behavior that occurs during (just before) a segue. Override method: -(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { if ([[segue identifier] isEqualToString:@”MySegue”]) { SecondView *vc = [segue destinationViewController]; /* set some data on the view controller */ } }
  13. 13. How? (Optional #2) ● Programmatically invoke a segue: [self performSegueWithIdentifier:@”MySegue” sender:self];
  14. 14. Demo
  15. 15. So what is UIStoryboard?
  16. 16. UIStoryboard is... Runtime representation of everything configured in Interface Builder
  17. 17. Can load any scene with: [UIStoryboard instantiateInitialViewController]; [UIStoryboard instantiateViewControllerWithIdentifier:@” myView”]; Can use multiple storyboards and load with: [UIStoryboard storyboardWithName:@”myBoard” bundle:myBundle];
  18. 18. Thanks !!! By : Nitesh Meshram
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×