Anton Barkov: Developing for Touch Bar

Transcript

1. Developing for Touch Bar Anton Barkov - macOS Software Engineer 1
2. Who’s watching? 2
3. What we’ll talk about • What’s a Touch Bar • Adding Touch Bar support in your macOS app • Fun little hacks 3
4. Demo 4
5. Demo 5
6. What’s a Touch Bar 6
7. What’s a Touch Bar 7
8. What’s a Touch Bar • Standalone device • Run by T1 SoC chip, ARM architecture • Modified watchOS (eOS?) • USB connection to macOS • Only 25MB of memory - no movies on touch bar for you 8
9. What’s a Touch Bar • Retina display • Size: 2170x60 pixels • Optional system button • App specific controls • System controls in the Control Strip 9
10. What’s a Touch Bar - Customization 10
11. What’s a Touch Bar - Customization 11
12. What’s a Touch Bar - Customization 12
13. What’s a Touch Bar - Customization 13
14. What’s a Touch Bar - Customization 14
16. Adding Touch Bar Support 16
17. Adding Touch Bar Support If you don’t have a Touch Bar - don’t fret! 17
18. Adding Touch Bar Support What is an NSTouchBar An object that provides dynamic contextual controls in the Touch Bar. 18
19. Adding Touch Bar Support How it works First responder changed System asks the first responder for an NSTouchBar First responder provides touch bar with makeTouchBar() method 19
20. Adding Touch Bar Support NSResponder conforms to NSTouchBarProvider 20
21. Adding Touch Bar Support Setting up the application 21
22. Adding Touch Bar Support Setting up the application 22
23. Adding Touch Bar Support Implementing makeTouchBar() 23
24. Adding Touch Bar Support A UI control shown in the Touch Bar. What is an NSTouchBarItem 24
25. Adding Touch Bar Support 25
26. Adding Touch Bar Support Adding and item to NSTouchBar 26
27. Adding Touch Bar Support Adding and item to NSTouchBar • Provide an NSTouchBar with makeTouchBar() • Specify identifiers of items you want to output on the Touch Bar • Provide the items in the NSTouchBarDelegate method 27
28. Adding Touch Bar Support NSScrubber example 28
29. Adding Touch Bar Support 29
30. Adding Touch Bar Support 30
31. Adding Touch Bar Support NSScrubber example 31
32. Adding Touch Bar Support Other controls Spotify: Telegram: Sketch: All of the controls are implemented in detail in the Apple sample Touch Bar project: 32
33. Adding Touch Bar Support Anything can be a touch bar item! 33
34. Adding Touch Bar Support Even this: Let’s implement an animation in our app! 34
35. Adding Touch Bar Support 35 How to implement an animation 1. 2.
36. Adding Touch Bar Support Use Lottie animation inside an NSTouchBarItem 36
37. Adding Touch Bar Support Use Lottie animation inside an NSTouchBarItem Nice! 37
38. What about the demo? • How do we show our touch bar when the app is not active? • How do we show our touch bar ignoring the control strip? • How do we observe the event of a Mac being unlocked? 38
39. Fun little hacks 39
40. Fun little hacks BetterTouchTool 40
41. Fun little hacks Pock 41
42. Fun little hacks 42 How do they do that?
43. Fun little hacks 43 Objective-C Runtime FTW
44. Fun little hacks 44 Objective-C Runtime FTW
45. Fun little hacks 45 Objective-C Runtime FTW
46. Fun little hacks Let’s implement this in an app! 46
47. Fun little hacks + NSStatusItem 47
48. Fun little hacks TouchBarTools - a wrapper for Obj-C methods 48
49. Fun little hacks 49
50. Fun little hacks AppDelegate - observe screen unlock 50
51. Fun little hacks Running the application 51
52. Fun little hacks Other hacks - add control strip item Private DFRFoundation.framework NSTouchBarItem private class methods 52
53. Fun little hacks Other hacks - remove control strip 53
54. Fun little hacks Other hacks - remove control strip 54 Mini: Full:
55. Fun little hacks Other hacks - remove control strip 55
56. Fun little hacks Other hacks - remove control strip 56 Mini: Full:
57. Conclusions 57
58. Conclusions • Touch Bar is cool • Sometimes impossible things are not that impossible • Anything can be a touch bar item! 58
59. Thank you! Anton Barkov - macOS Software Engineer @ MacPaw Telegram: @anton_barkov Facebook: /ton.barkov LinkedIn: /in/a-barkov Apple sample Touch Bar project 59 Our YouTube channel My GitHub