Getting the Most out of Playgrounds in Xcode

Transcription

1 #WWDC18 Getting the Most out of Playgrounds in Xcode Session 402 Tibet Rooney-Rabdau, Xcode Engineer Alex Brown, Core OS Engineer TJ Usiyan, Xcode Engineer 2018 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

2 Fundamentals Running step by step Advanced techniques

3 Fundamentals Running step by step Advanced techniques

4 A Quick Tour

5

6

7

8

9 Live View

10 Live View UIView and UIViewController

11 Live View UIView and UIViewController NSView and NSViewController

12 // Live View import PlaygroundSupport let viewcontroller = /*... */ PlaygroundPage.current.liveView = viewcontroller

13 // Live View import PlaygroundSupport let viewcontroller = /*... */ PlaygroundPage.current.liveView = viewcontroller

14 // Live View import PlaygroundSupport let viewcontroller = /*... */ PlaygroundPage.current.liveView = viewcontroller

15 // Live View import PlaygroundSupport let viewcontroller = /*... */ PlaygroundPage.current.liveView = viewcontroller

16 Markup Use markup to show formatted text

17 // Markup //: Roses are red //: //: Violets are blue //: //: Writing your markup //: //: Is so fun to do!

18 // Markup /*: Roses are red Violets are blue Writing your markup */ Is so fun to do!

19

20

21

22

23

24

25 // Markup // Headings //: # Roses Are Red //: ## An ode to markup //: ### By: Tibet Rooney-Rabdau

26 Roses Are Red An ode to markup By: Tibet Rooney-Rabdau Roses are red Violets are blue Writing your markup Is so fun to do!

27 // Markup // Formatting Characters //: Roses are *red* //: //: Violets are *blue* //: //: Writing your `markup` //: //: Is so **fun** to do!

28 // Markup // Formatting Characters //: Roses are *red* //: //: Violets are *blue* //: //: Writing your `markup` //: //: Is so **fun** to do!

29 // Markup // Formatting Characters //: Roses are *red* //: //: Violets are *blue* //: //: Writing your `markup` //: //: Is so **fun** to do!

30 // Markup // Formatting Characters //: Roses are *red* //: //: Violets are *blue* //: //: Writing your `markup` //: //: Is so **fun** to do!

31 Roses are red Violets are blue Writing your markup Is so fun to do!

32 // Markup // Numbered Lists //: 1. Roses are red //: 2. Violets are blue //: 3. Writing your markup //: 4. Is so fun to do!

33 1. Roses are red 2. Violets are blue 3. Writing your markup 4. Is so fun to do!

34 // Markup // Bulleted Lists //: * Roses are red //: * Violets are blue //: * Writing your markup //: * Is so fun to do!

35 Roses are red Violets are blue Writing your markup Is so fun to do!

36 // Markup // Links //: [Roses]( are red //: //: [Violets]( are blue

37 // Markup // Links //: [Roses]( are red //: //: [Violets]( are blue //: //: Writing your markup //: //: Is so [fun][1] to do! //: //: [1]:

38 Roses are red Violets are blue Writing your markup Is so fun to do!

39

40 // Markup // Navigating Between Pages //: //: //: //: //: [Formatting Characters](Formatting%20Characters)

41 // Markup // Navigating Between Pages //: //: //: //: //: [Formatting Characters](Formatting%20Characters)

42 // Markup // Navigating Between Pages //: //: //: //: //: [Formatting Characters](Formatting%20Characters)

43 // Markup // Navigating Between Pages //: //: //: //: //: [Formatting Characters](Formatting%20Characters)

44 Sources Swift source files Multiple levels Playground wide Per page Compiled as separate modules Automatically imported Use access control

45 Resources Any file type Multiple levels Playground wide Per page

46 // Using Resources in Playgrounds //: You can embed an image in markup: //: // You can also access the same image in code: let image = UIImage(named: "MyPicture") //: You can use videos in markup: //:![alternate text](myvideo.mp4 poster="myposter.jpg" width="integer width" height="integer height") // You can find resources by using Bundle APIs: let videourl = Bundle.main.url(forResource: "MyVideo", withextension: "mp4")

47 // Using Resources in Playgrounds //: You can embed an image in markup: //: // You can also access the same image in code: let image = UIImage(named: "MyPicture") //: You can use videos in markup: //:![alternate text](myvideo.mp4 poster="myposter.jpg" width="integer width" height="integer height") // You can find resources by using Bundle APIs: let videourl = Bundle.main.url(forResource: "MyVideo", withextension: "mp4")

48 // Using Resources in Playgrounds //: You can embed an image in markup: //: // You can also access the same image in code: let image = UIImage(named: "MyPicture") //: You can use videos in markup: //:![alternate text](myvideo.mp4 poster="myposter.jpg" width="integer width" height="integer height") // You can find resources by using Bundle APIs: let videourl = Bundle.main.url(forResource: "MyVideo", withextension: "mp4")

49 // Using Resources in Playgrounds //: You can embed an image in markup: //: // You can also access the same image in code: let image = UIImage(named: "MyPicture") //: You can use videos in markup: //:![alternate text](myvideo.mp4 poster="myposter.jpg" width="integer width" height="integer height") // You can find resources by using Bundle APIs: let videourl = Bundle.main.url(forResource: "MyVideo", withextension: "mp4")

50 // Using Resources in Playgrounds //: You can embed an image in markup: //: // You can also access the same image in code: let image = UIImage(named: "MyPicture") //: You can use videos in markup: //:![alternate text](myvideo.mp4 poster="myposter.jpg" width="integer width" height="integer height") // You can find resources by using Bundle APIs: let videourl = Bundle.main.url(forResource: "MyVideo", withextension: "mp4")

51 More Information Markup Formatting Reference Playground Support developer.apple.com

52 NEW Running Step by Step Alex Brown, Core OS Engineer

53

54

55

56

57

58

59

60

61

62

63

64

65 Why Run Step by Step? Execute one more line fast Respond to live data Re-running can give you different values

66

67 Demo

68 Running Step by Step Explore your idea a line at a time Have a conversation between code and data Use Shift-Return to run up to current line Interact with dynamic live views

69 Step by Step Suggestions Create a follow-along tutorial for your API

70 Step by Step Suggestions Create a follow-along tutorial for your API Explore data from maps, public statistics, or a class project

71 Step by Step Suggestions Create a follow-along tutorial for your API Explore data from maps, public statistics, or a class project Create and play a game or animation on the fly

72 Playgrounds Are Serious Fun Explore code and data interactively Learn and use Apple APIs Import your Frameworks Display focused results Introducing Create ML WWDC 2018

73 Advanced Techniques TJ Usiyan, Xcode Engineer

74 Advanced Techniques Custom Playground Display Convertible Using custom frameworks in playgrounds Troubleshooting

75 Advanced Techniques Custom Playground Display Convertible Using custom frameworks in playgrounds Troubleshooting

76

77

78

79

80

81

82

83

84 Custom Playground Display Convertible NEW New CustomPlaygroundDisplayConvertible protocol Introduced in Xcode 9.3 and Swift 4.1 Replaces CustomPlaygroundQuickLookable (Deprecated in Xcode 9.3)

85 Custom Playground Display Convertible extension MyType: CustomPlaygroundDisplayConvertible { } var playgrounddescription: Any {... }

86 Custom Playground Display Convertible Supported types in Xcode 9.3/Swift 4.1 and later Textual Graphical String, NSString Int, UInt (including the sized variants) Float, Double Bool Date, NSDate NSAttributedString NSNumber NSRange URL, NSURL CGPoint CGSize CGRect NSColor, UIColor, CGColor, CIColor NSImage, UIImage, CGImage, CIImage NSBezierPath, UIBezierPath NSView, UIView

87 Advanced Techniques Custom Playground Display Convertible Using custom frameworks in playgrounds Troubleshooting

88

89

90 Importing Your Code in Playgrounds

91 Importing Your Code in Playgrounds

92 Remember to build before you run

93

94

95

96

97

98 Importing Your Code in Playgrounds

99 Importing Your Code in Playgrounds

100

101

102

103

104

105 Demo

106 Fundamentals Running step by step Advanced techniques

107 A Playground in Every Project!

108 More Information Creating Content for Swift Playgrounds Lab Technology Lab 10 Friday 12:00PM

109