# Type にDrag and Dropの実装をしてみた/type_with_drag_and_drop

# Type にDrag and Dropの実装をしてみた

Transcript

1. # Type ʹDrag and Dropͷ࣮૷Λͯ͠Έͨ WWDC After Party 2017 @Ebisu 1
2. Profile Kazuya Ueoka Timers inc.ͷiOSΤϯδχΞ Twitter: @fromkk Github: fromkk Qiita: fromkk 2
3. WWDC 2017ʹߦͬͯདྷ·ͨ͠✈ ϒϩά͍͔ͭ͘ॻ͍ͨͷͰΑ͔ͬͨΒ؍ͯͶ! http://techblog.timers-inc.com/archive/category/wwdc2017 3
4. ܰ͘ৼΓฦΓ • iMac Pro/iPad Pro 10.5Πϯν/HomePod౳ͷ৽঎඼ • iMac/Macbook ProͷΞοϓάϨʔυ • CoreML/Vision/ARKit/VRKit౳ͷ৽ٕज़ • CoreNFC/Music Kit౳৽APIͷղ์ • iOS 11/tvOS 11/watchOS 4/macOS High Sierra • etc... 4
5. Drag and Dropؔ࿈ηογϣϯ • 203 Introducing Drag and Drop • 223 Drag and Drop with Collection and Table View • 227 Data Delivery with Drag and Drop 5
6. ԿނDrag and DropରԠͳͷ͔ • ❌ iMac Pro͸ख͕ग़ͤͳ͍ • ❌ HomePod͸དྷ೥Ҏ߱ʹͳΒͳ͍ͱ೔ຊͰൃച͠ͳ͍ • ⭕ iPad Pro͸લ͔Βཉ͔ͬͨ͠ • ⭕ αΠζมΘΒͣϕθϧ͕ࡉ͘ͳΔ͚ͩͱ͔࠷ߴ↗ • ⭕ ৽͍͠࢓૊Έͩ͠ࢼͯ͠Έ͍ͨ‼ 6
7. ʊਓਓਓਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹiPad Pro 10.5Πϯνങ͓͏ʻ ʉY^Y^Y^Y^Y^Y^Y^Y^Y^Yʉ (Keynote؍ऴΘͬͨΒͦͷ··஫จ) 7
8. ಧ͍ͨ 8
9. iPad Proಧ͍ͨ೔ʹ΍ͬͨࣄ • iOS 11 betaͷΠϯετʔϧ Ҏ্ 9
10. Typeͱ͸ • iOSରԠͷγϯϓϧͰܰྔͳ MarkdownΤσΟλ • ؆୯ͳϓϨϏϡʔ/ࣗಈอଘ/ΩʔϘʔ υೖྗิॿ • 3Dλον/SpotlightରԠ • Qiita/Github issue/Gist΁ͷ౤ߘରԠ • Realm Mobile PlatformΛར༻ͨ͠ಉ ظػೳ Type 10
11. Dragػೳͷར༻Օॴ • MarkdownҰཡը໘ 11
12. DragͷओཁΫϥε౳ • UIDragInteraction • UIDragInteractionDelegate • UIDragItem(itemProvider: NSItemProvider) 12
13. Dragͷ࣮૷ํ๏ʢͦͷ1ʣ func addSupportDragInteractionIfNeeded() { if #available(iOS 11.0, *) { let dragInteraction = UIDragInteraction(delegate: self) self.addInteraction(dragInteraction) } } 13
14. Dragͷ࣮૷ํ๏ʢͦͷ2ʣ @available (iOS 11.0, *) extension IndexViewCell: UIDragInteractionDelegate { func dragInteraction(_ interaction: UIDragInteraction, itemsForBeginning session: UIDragSession) -> [UIDragItem] { let provider = NSItemProvider(object: self.article.markdown as NSString) let dragItem = UIDragItem(itemProvider: provider) return [dragItem] } } 14
15. Dropػೳͷར༻Օॴ • Markdownฤूը໘ 15
16. DropͷओཁΫϥε౳ • UIDropInteraction • UIDropInteractionDelegate • UIDropProposal 16
17. Dropͷ࣮૷ํ๏(ͦͷ1) func addSupportDropInteractionIfNeeded() { if #available(iOS 11.0, *) { let dropInteraction = UIDropInteraction(delegate: self) self.view.addInteraction(dropInteraction) } } 17
18. Dropͷ࣮૷ํ๏(ͦͷ2) @available(iOS 11.0, *) extension RegisterViewController: UIDropInteractionDelegate { func dropInteraction(_ interaction: UIDropInteraction, canHandle session: UIDropSession) -> Bool { return session.canLoadObjects(ofClasses: [UIImage.self]) } func dropInteraction(_ interaction: UIDropInteraction, sessionDidUpdate session: UIDropSession) -> UIDropProposal { return UIDropProposal(operation: .copy) } func dropInteraction(_ interaction: UIDropInteraction, performDrop session: UIDropSession) { session.loadObjects(ofClass: UIImage.self) { (items) in items.forEach({ (item) in guard let image: UIImage = item as? UIImage else { return } self.upload(image) }) } } } 18
19. Demo 19
20. ·ͱΊ • DockͷଘࡏʹΑΓiPad͕ΑΓPCʹۙͮ͘ͷͰߋʹීٴ͕ݟ ࠐ·ΕΔ! • iPadରԠ΄΅ඞਢ͔⁉ • Drag and Drop͸࣮૷͢Δ͚ͩͳΒ͔ͳΓ؆୯# • ৭ΜͳΞϓϦͱը໘্ͰϑΝΠϧͷ΍ΓͱΓग़དྷΔͷָ͍͠ ↗ 20
21. ͪͳΈʹ • TypeͷSwift 4ରԠ͸೉ແ͘׬ྃ͠·ͨ͠! • iOS 11͕ग़Δ·ͰϦϦʔεग़དྷͳ͍ͷ͕଴ͪԕ͍͠Ͱ͢" 21
22. ͝੩ௌ༗೉͏͍͟͝·ͨ͠! 22