AppKit for UIKit developers

1. APPKIT for UIKIT%DEVELOPERS ! @FLORIANKUGLER #Pragma'Conference'2014
2. #Pragma'Conference'2014
3. #Pragma'Conference'2014
4. #Pragma'Conference'2014
5. #Pragma'Conference'2014
6. #Pragma'Conference'2014
7. SIMILARITIES #Pragma'Conference'2014
8. SHARED'FRAMEWORKS Founda'on Core%Graphics Core%Data Core%Anima+on ... #Pragma'Conference'2014
9. UIWindow & NSWindow #Pragma'Conference'2014
10. UIViewController & NSViewController #Pragma'Conference'2014
11. UIView & NSView #Pragma'Conference'2014
12. UIControl & NSControl #Pragma'Conference'2014
13. CONCEPTUALLY+SIMILAR,+PRACTICALLY+ NOT+SO+MUCH UIWindow)≠)NSWindow UIViewController)≠)NSViewController UIView)≠)NSView UIControl)≠)NSControl #Pragma'Conference'2014
14. DIFFERENCES #Pragma'Conference'2014
15. VIEW%SYSTEM #Pragma'Conference'2014
16. #Pragma'Conference'2014
17. WINDOWS @interface MyWindowController : NSWindowController @end @implementation MyWindowController - (instancetype)init { return [super initWithWindowNibName:@"MyWindow"]; } @end #Pragma'Conference'2014
18. WINDOW&CONTROLLERS Part%of%the%responder%chain Very%similar%to%UIViewController Typically(become(very(large #Pragma'Conference'2014
19. UIVIEWCONTROLLER,VS., NSVIEWCONTROLLER NSViewController-gained-lots-of- UIViewController's-capabili9es-in-10.10 Part%of%the%responder%chain Nested&view&controllers #Pragma'Conference'2014
20. UIVIEW Vs. NSVIEW #Pragma'Conference'2014
21. NSVIEW AppKit&predates&Core&Anima0on&by&a&long&0me Views&on&the&Mac&are&not&layer&backed& by&default #Pragma'Conference'2014
22. LAYER&BACKING Best%prac*ce:% Enable'on'window's'content'view self.contentView.wantsLayer = YES; Never%touch%wantsLayer%again #Pragma'Conference'2014
23. LAYER&BACKING Layers'are'an'implementa.on'detail Do not touch! #Pragma'Conference'2014
24. You$can$modify$layer$proper1es$in$updateLayer,$ but$then$drawRect:$is$not$called$anymore. #Pragma'Conference'2014
25. @implementation ColoredView - (BOOL)wantsUpdateLayer { return YES; } - (void)updateLayer { self.layer.backgroundColor = self.backgroundColor.CGColor; } - (void)setBackgroundColor:(NSColor *)backgroundColor { _backgroundColor = backgroundColor; [self setNeedsDisplay:YES]; } @end #Pragma'Conference'2014
26. LAYER&HOSTING Layer&hos*ng&views&own&their&backing&layer&and& its&sub7layers You$control$those$layers$and$can$modify$them$ at$will You$cannot$use$sub,views$anymore #Pragma'Conference'2014
27. - (instancetype)initWithFrame:(NSRect)frame { self = [super initWithFrame:frame]; if (self) { self.layer = [[CALayer alloc] init]; self.wantsLayer = YES; } } #Pragma'Conference'2014
28. EVERYTHING*IS upside down #Pragma'Conference'2014
29. COORDINATE*SYSTEM By#default#the#view's#origin#is#in#the# lower5le6#corner (Just as it was in math class) Override'flipped'if'you're'ge.ng'dizzy. #Pragma'Conference'2014
30. THE$WEIRD$WORLD$OF NSCELL #Pragma'Conference'2014
31. CELLS Many%controls%are%backed%by%cells Controls(delegate(drawing(to(their(cells For$custom$controls$you'll$o.en$have$to$ subclass$both (For%example%NSButton%and%NSButtonCell) #Pragma'Conference'2014
32. ANIMATIONS #Pragma'Conference'2014
33. ANIMATIONS Anima&on(of(non*layer*backed(views(is( CPU(intensive With%layer+backed%views%the%GPU%can%help #Pragma'Conference'2014
34. REMEMBER? Don't Touch BACKING(LAYERS #Pragma'Conference'2014
35. ANIMATOR(PROXY view.animator.alphaValue = .5; view.animator.frame = NSZeroRect; #Pragma'Conference'2014
36. ANIMATION'CONTEXT [NSAnimationContext runAnimationGroup:^(NSAnimationContext *ctx){ ctx.duration = 1; ctx.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]; view.animator.alphaValue = .5; } completionHandler:^{ // ... }]; #Pragma'Conference'2014
37. ANIMATION'CONTEXT [NSAnimationContext runAnimationGroup:^(NSAnimationContext *ctx){ ctx.allowsImplicitAnimations = YES; [self layoutSubtreeIfNeeded]; } completionHandler:^{ // ... }]; #Pragma'Conference'2014
38. CORE%ANIMATION CAKeyframeAnimation *animation = [CAKeyframeAnimation animation]; animation.values = @[@1, @.9, @.8, @.7, @.6]; view.animations = @{@"alphaValue": animation}; view.animator.alphaValue = .5; #Pragma'Conference'2014
39. LAYER&REDRAW&POLICY By#default#layers#are#redrawn#with#every#frame# of#the#anima4on self.layerContentsRedrawPolicy = NSViewLayerContentsRedrawOnSetNeedsDisplay; #Pragma'Conference'2014
40. IMAGES #Pragma'Conference'2014
41. UIIMAGE vs. NSIMAGE #Pragma'Conference'2014
42. IMAGE&REPRESENTATIONS One$image$is$backed$by$one$or$mul3ple$ representa3ons: NSBitmapImageRep! NSPDFImageRep! NSEPSImageRep! NSCIImageRep! ...! #Pragma'Conference'2014
43. IMAGE&REPRESENTATIONS The$representa+on$to$use$is$chosen$at$drawing$ +me,$matching$the$current$graphics$context$and$ drawing$dimensions #Pragma'Conference'2014
44. RESOLUTION*VS.*SIZE Image&representa,ons&have&three& dimension&proper,es: size,&pixelsWide,&pixelsHigh Resolu'on)is)calculated)from)the) representa'on's)size)and) pixel)dimensions #Pragma'Conference'2014
45. CONVENIENCE'DRAWING It's%very%easy%to%draw%an%image: [NSImage imageWithSize:(NSSize)size flipped:(BOOL)drawingHandlerShouldBeCalledWithFlippedContext drawingHandler:^BOOL (NSRect dstRect) { // your drawing commands here... }]; #Pragma'Conference'2014
46. COLORS #Pragma'Conference'2014
47. COLORS The$Mac$supports$fully$ color1calibrated$workflows Specify(a(colorspace(when(instan2a2ng( color(objects #Pragma'Conference'2014
48. COLORS #Pragma'Conference'2014
49. COLORS +[NSColor colorWithSRGBRed: green: blue: alpha:] #Pragma'Conference'2014
50. SANDBOXING #Pragma'Conference'2014
51. SANDBOXING Sandboxing*is*a*good*thing*conceptually Sandboxing*on*the*Mac*doesn't*work* for*everyone Feels%more%restric,ve%on%OS%X,% because%there%were%no%restric,ons%before #Pragma'Conference'2014
52. CONSIDER)IT)early)IN)THE DEVELOPMENT)PROCESS! #Pragma'Conference'2014
53. SUPERPOWERS #Pragma'Conference'2014
54. MAC$ONLY Inter&process+communica0on Scrip&ng Plugins Daemons ... #Pragma'Conference'2014
55. OBJC.IO/ISSUE+14 #Pragma'Conference'2014
56. THANK&YOU! @FLORIANKUGLER OBJC.IO'[/BOOKS] DECKSETAPP.COM #Pragma'Conference'2014
57. FURTHER'READING AppKit&for&UIKit&developers&on&objc.io objc.io&issue&#14 Mike&Ash&on&windows&and&window&controllers Adding&view&controllers&to&the&responder&chain&pre&10.10 IntroducAon&to&View&Programming&Guide&for&Cocoa Cocoa&Drawing&Guide WWDC:&Layer&Backed&Views:&AppKit&+&Core&AnimaAon WWDC:&OpAmizing&Drawing&and&Scrolling WWDC:&Best&PracAces&for&Cocoa&AnimaAon Layer&properAes&you're&not&supposed&to&touch Jonathan&Willing's&guide&to&OS&X&animaAons IntroducAon&to&Color&Programming&Topics IntroducAon&to&Color&Management Sandboxing&Guides #Pragma'Conference'2014