Taking control of Storyboard

Taking Control of Storyboard

Pitiphong PhongpattranontiOS Developer @ Throughwave@pitiphong_p

Benefits

Reduces a huge amount of codes

Decoupling your view/view controller from each other

Visualizing your views appearance

And also every scenes and transition at a glance(?)

Responsive UI Development

“มีแบบนี้ไหม ของเว็บหนะ”

–Designer ท่านหนึ่ง

Core Concept

Main.storyboard

Navigation ControllerNavigation Controller

TableView Controller

View Controller

root shows

Main.storyboard

Navigation ControllerNavigation Controller

TableView Controller

View Controller

root shows

Scenes

Main.storyboard

Navigation Controller

TableView Controller

View Controller

root shows

Segues

Main.storyboard

Navigation Controller

TableView Controller

View Controller

root shows

Relationship Segues

Main.storyboard

Navigation Controller

TableView Controller

View Controller

root shows

Triggered Segues

Terminologies

Document Outline

Canvas

Inspector

Object Library

Scene

Segue

Scene Dock

-[TableViewController shouldPerformSegueWithIdentifier:sender:]

Segue

-[TableViewController prepareForSegue:sender:]

Segue

Segue

Segue

Segue

Adaptability

Adaptability

Adaptability

Adaptability

IBDesignable/IBInspectable

Adaptability

override func viewDidLoad() { super.viewDidLoad() button.cornerRadius = 12 button.borderColor = .blueColor() button.filled = true }

Demo

Unwind Segue

Unwind Segue

protocol UserRegistrationControllerDelegate { func userRegistrationControllerWantToChangeUsername(controller: UserRegistrationController) func userRegistrationControllerWantToChangeUserDetail(controller: UserRegistrationController) func userRegistrationControllerDidCancel(controller: UserRegistrationController) func userRegistrationControllerDidFinish(controller: UserRegistrationController, userDetail: UserDetail) }

Unwind Seguefunc userRegistrationControllerWantToChangeUsername(controller: UserRegistrationController) { navigationController?.popToViewController(self, animated: true) } func userRegistrationControllerWantToChangeUserDetail(controller: UserRegistrationController) { navigationController?.popToViewController(self, animated: true) } func userRegistrationControllerDidCancel(controller: UserRegistrationController) { dismissViewControllerAnimated(true, completion: nil) } func userRegistrationControllerDidFinish(controller: UserRegistrationController) { // User Registration logic goes here dismissViewControllerAnimated(true, completion: nil) }

Unwind Segue

@IBAction func performUserRegistration(segue: UIStoryboardSegue) { // User Registration logic goes here } @IBAction func cancelUserRegistration(segue: UIStoryboardSegue) {} @IBAction func unwindToChangeUsername(segue: UIStoryboardSegue) {} @IBAction func unwindToChangeUserDetail(segue: UIStoryboardSegue) {}

Improvements in Xcode 7

Storyboard Reference

UIStoryboard(name: "Secondary")

UIStoryboard(name: “Secondary") .instantiateControllerWithIdentifier("tabBarController")

Customizing Standard Segue

Segue

Unwind Segues and Custom Containers

Q&A

Thank You