18
iOS Storyboard

Presentation

Embed Size (px)

DESCRIPTION

Brief introduction to iOS Storyboard

Citation preview

Page 1: Presentation

iOS Storyboard

Page 2: Presentation

What is it?A new feature added to iOS 5Makes managing of screens and transitions easierLess code to writeHurray!!!

Page 3: Presentation
Page 4: Presentation

StoryboardThose areas marked in red in the previous slide are the icons indicating the transitionThey are known as SeguesPronounced as Segway

Page 5: Presentation

Things to rememberAlways remember to select the User Storyboards option when creating a new projectFile extension is .storyboard

Page 6: Presentation
Page 7: Presentation

NextRemember to set a storyboard to be the initial view controllerGo to View -> Utilities -> Show Attributes Inspector

Page 8: Presentation
Page 9: Presentation

LastAdd Navigation View to your initial view controllerSelect your initial viewGo to Editor -> Embed In -> Navigation Controller

Page 10: Presentation
Page 11: Presentation

Creating New StoryboardJust drag a new view controller to the storyboard screen

Page 12: Presentation
Page 13: Presentation

Link storyboard screens together part 1

Just select your buttonWhich will trigger the transitionThen right click and drag the Trigger Segues outletAnd pull it to the storyboard that you want to link

Page 14: Presentation
Page 15: Presentation

Link storyboard screens together part 2

Using codeYou need to give the segue an identifierThen write some code

Page 16: Presentation
Page 17: Presentation

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

Page 18: Presentation

PRACTICAL TIME