Building a Modern iOS App

It's easy to rely on tools and techniques you've always used, but if you do that you're missing out on all the great new features Apple has introduced in newer iOS versions. In this session you'll learn how to take advantage of features introduced in iOS 9, 10, and 11 to make your apps look and work better with little effort.

Transcript

1. PAUL HUDSON — @twostraws Building a Modern iOS App https://www.hackingwithswift.com
2. Buongiorno! Bonjour! Guten Morgen! Bun di!
4. HACKING WITH SWIFT
8. @twostraws
9. ▸ @twostraws on Twitter ▸ twostraws on GitHub ▸ twostraws on Reddit ▸ twostraws on StackOverflow ▸ paul@hackingwithswift.com GET IN TOUCH!
12. ARKit UserNotifications SiriKit PDFKit Safari Speech CoreML Vision GameplayKit Messages CoreNFC MusicKit
13. 4.2 4.1 4.0
14. Trollololol
15. Conditional conformances Synthesized Equatable Key decoding strategy Recursive constraints canImport(), targetEnvironment() Derived enum collections #warning and #error @dynamicMemberLookup
16. We need to raise clickthroughs by two percent
29. ▸ Writing modern Swift ▸ Modern layout techniques ▸ Using new APIs ▸ As much code as possible! THE PLAN
31. MODERN SWIFT
34. Protocol-oriented programming Multi-line strings Guard and Defer @available Codable
40. 4.1 Automatic synthesis of Hashable/Equatable struct User: Equatable { var name: String }
41. 4.1 Key encoding and decoding strategies let encoder = JSONEncoder() encoder.keyEncodingStrategy = .convertToSnakeCase let encoded = try encoder.encode(someObject) myPropertyName > my_property_name
42. 4.1 Conditional conformances extension Array: Buying where Element: Buying { func buy() {
 for item in self {
 item.buy()
 }
 } }
43. 4.1 Target environment testing #if targetEnvironment(simulator) // this is the simulator #else // this is a real device #endif
44. 4.2 Derived collections of enum cases enum Pasta: CaseIterable { case cannelloni, fusilli, linguine, tagliatelle } for shape in Pasta.allCases {
 print("I like eating \(shape).")
 }
45. 4.2 Warning and error directives #warning("This needs more work.") #error("Please enter your API key here.")
46. Automatic synthesis of Hashable/Equatable Key encoding and decoding strategies Derived collections of enum cases
47. @dynamicMemberLookup Recursive associated type constraints Boolean toggling canImport() ???
49. let old1 = String(data: data, encoding: .utf8) let new1 = String(decoding: data, as: UTF8.self) let old2 = str.data(using: .utf8) let new2 = Data(str.utf8) let old3 = characters[3..<characters.count] let new3 = characters[3...] scores["Sophie", default: 0] += 1
50. MODERN LAYOUT
52. ▸ iPhone X ▸ iPad Pro ▸ Asset catalogs MODERN LAYOUT
53. iPHONE X
57. override func preferredScreenEdgesDeferringSystemGestures() -> UIRectEdge { return .bottom }
58. iPad Pro
60. AUTO LAYOUT It lets you describe the relationship between your objects! It automagically adapts so that text in other languages fits great! It even has its own neat visual format language! H:|[w00t]
62. The next time you had a tricky layout problem… “I know… I’ll use Auto Layout!”
63. Now you have two problems. And an unresolved layout constraint.
64. Auto Layout makes hard things easy… …and easy things hard.
65. I think… I think I finally get it.
69. You bring us your layouts, we’ll mess with your head
71. “Start all your layouts with a stack view.”
72. I think… I think I finally get it.
74. UIStackView Horizontal or vertical Can be nested Adjustable distribution Inter-item spacing Can be animated Non-scrolling LinearLayout Available iOS 9 Android 1
75. let stackView = UIStackView() stackView.axis = .vertical addSubview(stackView) for _ in 0 ..< 10 { let vw = UIButton(type: .system) vw.setTitle("Button", forState: .normal) stackView.addArrangedSubview(vw) }
76. override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection? ) { let sc = traitCollection.horizontalSizeClass if sc == .compact { stackView.axis = .vertical } else { stackView.axis = .horizontal } }
82. stackView.setCustomSpacing(50, after: someView)
83. ASSET CATALOGS
87. let col = UIColor(named: "BrandPrimary")
90. let img = UIImage(named: "songs")
93. USING NEW APIs
94. ▸ Sharing content ▸ Web views ▸ Wide color ▸ Rich notifications ▸ 3D Touch ▸ Spotlight USING NEW APIs
96. SHARING CONTENT
97. import Social @IBAction func shareTapped() { let vc = SLComposeViewController( forServiceType: SLServiceTypeTwitter ) vc?.setInitialText("Hello, social!") present(vc, animated: true) }
98. @IBAction func shareTapped() { let activityVC = UIActivityViewController( activityItems: ["Hello, social!"], applicationActivities: nil ) present(activityVC, animated: true) }
100. WEB VIEWS
101. UIWebView WKWebView
103. UIWebView WKWebView SFSafariViewController
104. import SafariServices let vc = SFSafariViewController(url: url) present(vc, animated: true)
105. Safari Web
 Kit
108. WIDE COLOR
111. let r = CGRect(x: 0, y: 0, width: 256, height: 256) UIGraphicsBeginImageContextWithOptions( r.size, false, 0 ) let ctx = UIGraphicsGetCurrentContext() UIColor.blue.set() ctx?.fillEllipse(in: r) let img = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext()
112. let r = CGRect(x: 0, y: 0, width: 256, height: 256) let renderer = UIGraphicsImageRenderer(size: r.size) let img = renderer.image { ctx in UIColor.blue.set() ctx.cgContext.fillEllipse(in: r) }
113. Less code Uses closures No optionals Wide Color
115. 3D Touch
120. let icon = UIApplicationShortcutIcon(type: .compose) let item = UIApplicationShortcutItem( type: "com.angry.rantwriter.compose", localizedTitle: "Write Rant”, localizedSubtitle: "Get angry right now", icon: icon, userInfo: nil ) UIApplication.shared.shortcutItems = [item]
121. let item = launchOptions?[.shortcutItem] if let shortcut = item as? UIApplicationShortcutItem { if shortcut.type == “com.you.yourItemID" { startComposing() } }
123. UIViewControllerPreviewingDelegate registerForPreviewing(with: self, sourceView: table)
124. func detailViewController(for index: Int) -> DetailViewController { guard let vc = storyboard?.instantiateViewController( withIdentifier: "Detail" ) as? DetailViewController else { fatalError("Couldn't load view controller") } vc.selectedImage = pictures[index] return vc }
125. func previewingContext( _ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint ) -> UIViewController? { if let i = tableView.indexPathForRow(at: location) { previewingContext.sourceRect = 
 tableView.rectForRow(at: i) return detailViewController(for: i.row) } return nil }
126. func previewingContext( _ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint ) -> UIViewController? { if let i = tableView.indexPathForRow(at: location) { previewingContext.sourceRect = 
 tableView.rectForRow(at: i) return detailViewController(for: i.row) } return nil }
127. func previewingContext( _ previewingContext: UIViewControllerPreviewing, commit viewControllerToCommit: UIViewController ) { navigationController?.pushViewController(
 viewControllerToCommit, animated: true ) }
130. NOTIFICATIONS
132. let note = UILocalNotification() note.soundName = UILocalNotificationDefaultSoundName note.alertTitle = "Hey, listen!" note.fireDate = Date().addingTimeInterval(3600) UIApplication.shared.scheduleLocalNotification(note)
133. let content = UNMutableNotificationContent() content.title = "Hey, listen” content.sound = UNNotificationSound.default() let trigger = UNTimeIntervalNotificationTrigger( timeInterval: 3600, repeats: false )
134. let request = UNNotificationRequest( identifier: "listen", content: content, trigger: trigger ) center.add(request)
135. Add images Inline text response Customize the buttons Geolocation triggers
139. SPOTLIGHT
142. import CoreSpotlight import MobileCoreServices
143. let attributeSet = CSSearchableItemAttributeSet( itemContentType: kUTTypeText as String ) attributeSet.title = "Hello, world" attributeSet.contentDescription = "Swift rocks!"
144. let item = CSSearchableItem( uniqueIdentifier: "my-great-item" domainIdentifier: "com.hackingwithswift", attributeSet: attributeSet )
145. let index = CSSearchableIndex.default() index.indexSearchableItems([item]) { error in if let error = error { print("Error: \(error.localizedDescription)") } else { print("Successfully indexed!") } }
146. ▸ Sharing content ▸ Web views ▸ Wide color ▸ Rich notifications ▸ 3D Touch ▸ Spotlight USING NEW APIs
150. ▸ Writing modern Swift ▸ Modern layout techniques ▸ Using new APIs ▸ As much code as possible! THE PLAN
151. SUMMARY
152. ▸ Swift keeps marching on. ▸ “Convert to Current Swift Syntax” isn’t enough. ▸ Improvements mean you can write less code – fewer bugs! ▸ Some changes are subtle. MODERN SWIFT
153. https://github.com/twostraws/whats-new-in-swift-4-1 https://github.com/twostraws/whats-new-in-swift-4-2
154. ▸ The safe area is a requirement. ▸ Auto Layout is good; stack views are better. ▸ Use PDFs for artwork. ▸ Split asset catalogs up to help keep them organized. MODERN LAYOUT
155. ▸ Your users spent $1000 on their phone – use it fully! ▸ It’s obvious when apps miss 3D Touch and Wide Color. ▸ Integrate into the system: Spotlight, notifications. USING NEW APIs
156. PAUL HUDSON — @twostraws Building a Modern iOS App https://www.hackingwithswift.com