Prototyping iPhone app with Xcode and Storyboard

Slide 1

Slide 1 text

Prototyping iPhone app with Xcode and Storyboard James Tang iOS UX Engineer These are confidential sessions - please refrain from Storyboard haters Things that Apple engineers didn’t tell you

Slide 2

Slide 2 text

Introduction •Prepare our Design •Implementing our designs in Xcode •Custom Color •Tackle common problems and workarounds •Adding Animations •Custom Fonts •Using Custom Transitions

Slide 3

Slide 3 text

Demo

Slide 4

Slide 4 text

Sketch 2 http://www.bohemiancoding.com/sketch/

Slide 5

Slide 5 text

CocoaPods - Manage Dependancies http://cocoapods.org

Slide 6

Slide 6 text

Using HEX in Interface Builder http://wafflesoftware.net/hexpicker/

Slide 7

Slide 7 text

Canvas https://github.com/CanvasPod/ Canvas TPKeyboardAvoiding https://github.com/michaeltyson/ TPKeyboardAvoiding

Slide 8

Slide 8 text

Animated GIF https://github.com/jamztang/AnimatedGIFImageSerialization

Slide 9

Slide 9 text

Custom Transitions GC3DFlipTransitionStyleSegue ! MPFoldTransition ! FancySegue

Slide 10

Slide 10 text

Related Sessions Interface Builder Core  WWDC 2013 Session 405  https://developer.apple.com/videos/wwdc/2013/index.php?id=405 ! Taking Control of Auto Layout in Xcode 5  WWDC 2013 Session 406  https://developer.apple.com/videos/wwdc/2013/index.php?id=406 ! Adopting Storyboards in Your App  WWDC 2012 Session 407  https://developer.apple.com/videos/wwdc/2012/index.php?id=407

Slide 11

Slide 11 text

 WIDS20 4 1 @jamztang twitter+github+medium jamztang.com