Want to squeeze every last bit of performance out of your apps? I will show you how to let go of using Interface Builder to create better performing, more optimized, and leaner apps. I'll walk you through why it's better, how to create and move projects off of IB, building your UI in code, and how to gain a better understanding of how your code works from the ground up.

1. Leaving Behind

2. Hello.
• Jake Behrens
• iPhone/Mobile Developer
• UI Designer

3. Hello.
• Freelancer (as of last Friday!)

7. Moments
• Choose, but choose wisely.
• Do it for the experience.

8. 30,000 Ft.

11. Why?
• Knowledge.
• Code reuse.
• Performance.
• Custom = code.
• Tidbits here and there...

12. A Story

15. Delegates

16. Delegates
Outlets

17. Delegates
Location
Outlets

18. Time

19. Code Reuse

20. Code vs. GUI
CGRect submitButtonFrame = CGRectMake(10.0, 276.0, 300.0, 130.0);
UIImage *tempSubmitButtonUp = [UIImage imageNamed:@"SubmitButton_Up.png"];
UIImage *tempSubmitButtonDown = [UIImage imageNamed:@"SubmitButton_Down.png"];
submitButton = [UIButton buttonWithType:UIButtonTypeCustom];
[submitButton setImage:tempSubmitButtonUp forState:UIControlStateNormal];
[submitButton setImage:tempSubmitButtonDown forState:UIControlStateHighlighted];
[submitButton setFrame:submitButtonFrame];
[submitButton addTarget:self action:@selector(submitReport)
forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:submitButton];

21. Snippets
www.snippetapp.com

22. Performance

23. Performance
• Benchmarks.

24. Performance
• View-based application

25. Performance
• View-based application
• With IB: 37ms

26. Performance
• View-based application
• With IB: 37ms
• Without IB: 23ms

27. Performance
• View-based application w/
UIImageView

28. Performance
• View-based application w/
UIImageView
• With IB: 47ms

29. Performance
• View-based application w/
UIImageView
• With IB: 47ms
• Without IB: 25ms

32. Performance

33. Performance

34. Performance
1. Build your app.
2. Run
> Run with Performance Tool
> Core Animation

35. Performance

36. Performance

37. Performance
• 14 elements in each cell.

38. Performance
• 14 elements in each cell.
• With IB: 13-23 FPS

39. Performance
• 14 elements in each cell.
• With IB: 13-23 FPS
• Without IB: 43-60 FPS

40. Customizing
Iʼm a button!!

41. Iʼm
a
bu
tto
n!
!
Customizing

42. Customizing
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:0];
[UIView setAnimationDelegate:self];
myButton.transform = CGAffineTransformMakeRotation
([Utilities degreesToRadians:45]);
[UIView commitAnimations];

43. Customizing
Iʼm a button!!

44. Iʼm
a
bu
tto
n!
!
Customizing

45. Tidbits &
Food 4 Thought

46. Source Control

47. <string key="NSFrame">{{20, 20}, {280, 37}}</string>

48. <string key="NSFrame">{{20, 20}, {280, 37}}</string>

49. myButton.frame = CGRectMake(20.0, 20.0, 280.0, 37.0);

50. myButton.frame = CGRectMake(20.0, 20.0, 280.0, 37.0);

51. Refactor...
• When changing a method name.
• IB doesnʼt fix your action.

52. Bug Report
• Great opportunity to tell Apple.

53. “Premature
optimization is the root
of all evil.”

54. So now what?

57. Tutorials!

58. View-based Application

62. Resources
• Remove .xib files.

63. main.m
#import <UIKit/UIKit.h>
int main(int argc, char *argv[]) {
NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];
int retVal = UIApplicationMain(argc, argv, nil, nil);
[pool release];
return retVal;
}

64. main.m
#import <UIKit/UIKit.h>
int main(int argc, char *argv[]) {
NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];
int retVal = UIApplicationMain(argc, argv, nil, @”AppDelegate”);
[pool release];
return retVal;
}

65. AppDelegate.h
#import <UIKit/UIKit.h>
@class DemoViewController;
@interface AppDelegate : NSObject <UIApplicationDelegate> {
UIWindow *window;
DemoViewController *viewController;
}
@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet DemoViewController *viewController;
@end

66. AppDelegate.h
#import <UIKit/UIKit.h>
@class DemoViewController;
@interface AppDelegate : NSObject <UIApplicationDelegate> {
UIWindow *window;
DemoViewController *viewController;
}
@property (nonatomic, retain) UIWindow *window;
@property (nonatomic, retain) DemoViewController *viewController;
@end

67. AppDelegate.m
- (void)applicationDidFinishLaunching:(UIApplication *)application {
// Override point for customization after app launch
[window addSubview:viewController.view];
[window makeKeyAndVisible];
}

68. AppDelegate.m
- (void)applicationDidFinishLaunching:(UIApplication *)application {
window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
!
! viewController = [[DemoViewController alloc] init];
!
// Override point for customization after app launch
[window addSubview:viewController.view];
[window makeKeyAndVisible];
}

69. Custom Xcode
Templates

70. Why?
• Set it up the way you want it.
• Include libraries you use.

71. Path of Originals

72. AppDelegate.h
#import <UIKit/UIKit.h>
@class ___PROJECTNAMEASIDENTIFIER___ViewController;
@interface ___PROJECTNAMEASIDENTIFIER___AppDelegate : NSObject <UIApplicationDelegate> {
UIWindow *window;
___PROJECTNAMEASIDENTIFIER___ViewController *viewController;
}
@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet ___PROJECTNAMEASIDENTIFIER___ViewController
*viewController;
@end

73. Points of Interest
• Delete the build folder.
• .xcodeproj

74. Issues with updates...

75. Path to Customs

76. http://github.com/withfoam

77. Graphical Elements
In Code

78. .h
#import <UIKit/UIKit.h>
@interface DemoViewController : UIViewController {
! UILabel *displayText;
}
@property (nonatomic, retain) UILabel *displayText;
@end

79. .m
#import "DemoViewController.h"
@implementation DemoViewController
@synthesize displayText;
#pragma mark -
#pragma mark Application lifecycle
- (void)loadView {
! [super loadView];
!
! displayText = [[UILabel alloc] init];
! [displayText setFrame:CGRectMake(20.0, 20.0, 280.0, 30.0)];
! [displayText setText:@"Hello 360iDev!"];
! [displayText setFont:[UIFont fontWithName:@"Helvetica" size:14.0]];
! [self.view addSubview:displayText];
}

80. .m
- (void)dealloc {
! [displayText release];
[super dealloc];
}

81. Yay...

82. .m
- (void)loadView {
! [super loadView];
!
! displayText = [[UILabel alloc] init];
! [displayText setFrame:CGRectMake(20.0, 20.0, 280.0, 30.0)];
! [displayText setText:@"Hello 360iDev!"];
! [displayText setFont:[UIFont fontWithName:@"Helvetica" size:24.0]];
! [displayText setBackgroundColor:[UIColor blackColor]];
! [displayText setTextColor:[UIColor greenColor]];
! [displayText setTextAlignment:UITextAlignmentCenter];
! [self.view addSubview:displayText];
}

83. Yay...

84. UIButton...again.
CGRect submitButtonFrame = CGRectMake(10.0, 276.0, 300.0, 130.0);
UIImage *tempSubmitButtonUp = [UIImage imageNamed:@"SubmitButton_Up.png"];
UIImage *tempSubmitButtonDown = [UIImage imageNamed:@"SubmitButton_Down.png"];
submitButton = [UIButton buttonWithType:UIButtonTypeCustom];
[submitButton setImage:tempSubmitButtonUp forState:UIControlStateNormal];
[submitButton setImage:tempSubmitButtonDown forState:UIControlStateHighlighted];
[submitButton setFrame:submitButtonFrame];
[submitButton addTarget:self action:@selector(submitReport)
forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:submitButton];

85. RE:cap
• Increased performance.
• Organization.
• Little things.

86. Tuts
• Revert apps created for IB.
• Create customized project templates.
• Create graphical elements and
objects in code.

87. Yell at me.
• http://jakebehrens.com
• @withfoam
• http://withfoam.com
• http://github.com/withfoam

88. Feel lucky?
• R634EJ39MA44
• 77Y7YEL9F6AR
• 3EKR3FAETJPF
• 4KT7EMWHP47P
• EMM4H9XTF6JT
• ERMFPKRR69X6

89. Hecklers? Questions?