what’s new in storyboards - apple developer · storyboard references stands in for another scene...

What’s New in StoryboardsMapping the flow of your app

Kyle Sluder UIKit FrameworksTony Ricciardi Development Technologies

App Frameworks #WWDC15

Session 215

What’s New

Organizing Your StoryboardsCustomizing Standard SeguesUnwind Segues and Custom Containers

Organizing Your Storyboards

Main Storyboard

NavigationController

Collection ViewController

Photo ViewController

Main Storyboard

contains shows

Main Storyboard

root shows

Main Storyboard

root shows

Scenes

Interface Builder Core Concepts WWDC 2013

Main Storyboard

showsroot

Segues

Main Storyboard

showsroot

Relationship Segue

Main Storyboard

showsroot

Triggered Segue

Main Storyboard

root shows

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

Main.storyboard

photoController

showPic

collectionVC

UIStoryboard(name: "Secondary")

UIStoryboard(name: "Secondary") .instantiateViewControllerWithIdentifier("tabController")

Storyboard References

Stands in for another sceneCan be destination of Relationship or Triggered SegueReference can be in same storyboard or another storyboard

Secondary Storyboard

Main Storyboard

DemoUsing storyboard references

Customizing Standard Segues

Table ViewController

presentmodally

class MySegue: UIStoryboardSegue {

override func perform() -> () {

setUpAnimation()

sourceViewController .presentViewController(...) } }

Segue Subclassing

Can specify a UIStoryboardSegue subclass for any triggered or unwind segueOverride perform()Call super.perform() for standard behaviorPresent Modally and Popover Presentation segues retained throughout presentation

Segue SubclassingCustomizing presentation animations

Segue Subclassing

User triggers segue

Customizing presentation animations

Segue DestinationView Controller

Segue Subclassing

User triggers segue• Assign transitioning delegate

TransitioningDelegate

Segue Subclassing

User triggers segue• Assign transitioning delegate• Call super.perform() to

start modal presentation

Segue Subclassing

start modal presentation• Vend animation controller

for presentation

AnimationController

Segue Subclassing

start modal presentation• Vend animation controller

for presentation• Animate appearance of

view controller

AnimationController

DestinationView Controller

Custom Transitions Using View Controllers WWDC 2013

Segue SubclassingCustomizing presentation animations

Segue Subclassing

User dismisses presentation

AnimationController

Segue Subclassing

User dismisses presentation• Vend animation controller

for dismissal

Segue Subclassing

User dismisses presentation• Vend animation controller

for dismissal• Animate dismissal of

view controller

Getting Started with Multitasking on iPad in iOS 9 Presidio Tuesday 4:30PM

Segue SubclassingCustomizing adaptive presentations

PresentationController

User triggers segue Segue DestinationView Controller

User triggers segue• Assign delegate to presentation controller

AdaptiveDelegate

User triggers segue• Assign delegate to presentation controller• Call super.perform() to perform

modal presentation

AdaptiveDelegate

modal presentation

Size class changes

AdaptiveDelegate

modal presentation

Size class changes• Presentation controller informs delegate

AdaptiveDelegate

modal presentation

Size class changes• Presentation controller informs delegate• Delegate vends new view controller

AdaptiveDelegate

AdaptiveView Controller

View Controller Advancements in iOS 8 WWDC 2013

DemoCustomizing standard segues

Unwind Segues and Custom Containers

“Take me home”

“Take me home”1. Identify destination

“Take me home”

2. Find destination

1. Identify destination

“Take me home”

2. Find destination

3. Follow route

1. Identify destination

Unwind Segues

Custom TabView Controller

Journal Navigation Controller

Journal TableView Controller

Unwind Segues

Photo Navigation Controller

Photos CollectionView Controller

Unwind Segues

PhotoView Controller

Unwind Segues

“Go back to the journal”

Unwind Segues

performSelectorWithIdentifier("goBackToJournal", sender:…)

Unwind Segues

Unwind SeguesIdentify the destination

@IBAction func iAmTheJournal(_: UIStoryboardSegue) -> () { // empty }

Unwind SeguesFind the destination

Unwind Segues

viewControllerForUnwindSegueAction("iAmTheJournal:", withSender:…)

Unwind Segues

override allowedChildViewControllersForUnwindingFromSource(_:)

Unwind Segues

childViewControllerContainingSegueSource(_:)

Unwind Segues

canPerformUnwindSegueAction("iAmTheJournal:", fromViewController:…)

Unwind Segues

override segueForUnwindingToViewController(_:fromViewController:identifier:)

Incremental Unwinding

perform()

Incremental UnwindingFollow the route

SegueCustom Tab

View Controller

override unwindForSegue(segue, towardsViewController:custom tab)

SegueCustom Tab

View Controller

override unwindForSegue(segue, towardsViewController:journal nav)

Incremental Unwindingoverride unwindForSegue(segue, towardsViewController:journal nav)

SegueCustom Tab

View Controller

override unwindTowardsViewController(CustomTab, fromViewController:Photo)

DemoUnwind segues and custom containers

Unwinding APIsFinding the destination

viewControllerForUnwindSegueAction(_:fromViewController:sender:)

override canPerformUnwindSegueAction(_:fromViewController:sender:)

Unwinding APIsFollowing the route

segueForUnwindingToViewController(_:fromViewController:identifier:)

override unwindForSegue(_:towardsViewController:)

Summary

Organize your storyboards using Storyboard References

Summary

Organize your storyboards using Storyboard ReferencesCustomize triggered and unwind segues by subclassing

Summary

Organize your storyboards using Storyboard ReferencesCustomize triggered and unwind segues by subclassing• Present Modally and Popover Presentation segues have extended lifetimes

Summary

Unwind segues move backward through application flow

Summary

Unwind segues move backward through application flow• Support unwind segues in custom containers

Summary

Unwind segues move backward through application flow• Support unwind segues in custom containers• Remove implementations of deprecated API to get new behavior

More Information

DocumentationStoryboard Help

Sample CodeSegueCatalog

http://developer.apple.com/library

Technical SupportApple Developer ForumsDeveloper Technical Support

General InquiriesCurt Rothert, App Frameworks Evangelistrothert@apple.com

Related Session and Lab

Implementing UI Designs in Interface Builder Pacific Heights Wednesday 1:30PM

Interface Builder and Auto Layout Lab Developer Tools Lab B Thursday 1:30PM

what’s new in storyboards - apple developer · storyboard references stands in for another scene...

Documents

2019 connexions segment storyboards final · connexions®...

storyboards - ihi · storyboards the 28th annual national...

storyboard + rapid fire guidesharedcarebc.ca › sites ›...

storyboarding: an empirical determination of best...

storyboards, cartooning, comics! · storyboards,...

storyboard, design, layout. create storyboards decide upon...

connecting people to ringcentral -...

i4. storyboards · photo storyboard how can we let users...

storyboards - · pdf filepros and cons •some directors...

storyboards - alice's resources - home on that storyboard....

assisting conops with storyboards - houston...

storyboard + rapid fire guide...use this storyboard and...

suntrust -...

gorilla 4 new features...gorilla’s storyboard module...

level 3 unit 31 -...

transforming haptic storyboards into diagrammatic models...

racial segregation storyboard...

storyboard for kindertransport: the unknown children...

storyboards · storyboard is the visual script! in big...

storyboards, scenarios, and...