Storyboarding and using Appearance Proxy for iOS

Storyboarding and using Appearance Proxy for iOS to customize the appearance of common UIKit controls and how to add a custom font for navigation bars.

Transcript

1. Storyboarding
2. image credit - http://s-wilson1013-dc.blogspot.com/2011/12/design-production-for-digitalsilent_11.html
3. image credit - http://www.thelmagazine.com/binary/c349/cyoa022.jpg Actually More like this . . .
5. Beginning scene
6. THERE CAN BE ONLY ONE!
7. Segue to next scene
8. Control-click and drag
11. SEGUES • PUSH - EXACTLY HOW IT SOUNDS • MODAL - covers the starting view controller with optional animations • CUSTOM - animate it yourself!
12. Appearance Proxy
14. UIAppearance Protocol • appearance - change appearance of UIKit controls globally • appearanceWhenContainedIn - change appearance of UIKit controls for an individual ViewController
15. UIAppearance Protocol appearance appearanceWhenContainedWithin
16. What’s next ?
17. Custom Fonts • I struggled with adding a font • Every tutorial was adding a custom font that was already in the system and didn’t reveal crucial steps • There are many steps to something you’d think should be simple
18. The steps . . . 1.Add the font to your project 2.Add the font to new row in the plist as: Fonts provided by application 3.Add the font to Target> Build Phases> Copy Bundle Resources 4.Discover the actual Post Script name of the font in Font Book ... or use the code to print all of the font names in the system to Output
19. Step #1
20. Step #2
21. Step #3
22. Step #4
23. Print the Font List NSArray *familyNames = [UIFont familyNames]; for( NSString *familyName in familyNames ){ printf( "Family: %s \n", [familyName UTF8String] ); NSArray *fontNames = [UIFont fontNamesForFamilyName:familyName]; for( NSString *fontName in fontNames ){ printf( "\tFont: %s \n", [fontName UTF8String] ); } }
24. Sample App https://github.com/kylehilla/UIAppearance