触り心地の良い Interactive Transitionをマスターしよう - iOSDC 2017

日本のアプリは海外と比べて、触っていて気持ちの良い遷移アニメーションが少ないなと感じています。Facebookのように写真プレビューをPanジェスチャーで閉じるケースを題材に、触り心地の良いInteractive Transitionの実装方法をご紹介します。

Transcript

1. ৮Γ৺஍ͷྑ͍ Interactive TransitionΛϚελʔ͠Α͏ גࣜձࣾΤ΢ϨΧ ୮ɹढ़وʢShunki Tanʣ iOSDC 2017
2. ୮ɹढ़وʢShunki Tanʣ Lead Engineer iOS͕ಘҙ - 3೥൒ Scrum Master PairsͰ6ϲ݄ Framework UIKit @shunkit @shunkitan
3. ๻͕ࢥ͏৮Γ৺஍ͷྑ͍ΞϓϦ
4. ೔ຊͷΞϓϦͰ Ξχϝʔγϣϯʹͩ͜ΘͬͯΔͳͱ ײ৺ͨ͠ΞϓϦ͸΄ͱΜͲͳ͍
5. ͳͷͰɺօ͞Μ ւ֎ͷΞϓϦʹෛ͚ͳ͍͘Β͍ ৮Γ৺஍ͷྑ͍ΞϓϦΛ࡞͍͖ͬͯ·͠ΐ͏ ๻΋໛ࡧதͰ͢
6. ࠓ೔࿩͢Ξχϝʔγϣϯ
7. Ξχϝʔγϣϯͷجૅ 2෼ by Material Design
8. Easing Curve ease-in-out alpha, scale, ը໘಺ͷҠಈͳͲ
9. Easing Curve ease-out ը໘಺΁ͷҠಈ (move in)
10. Easing Curve ease-in ը໘֎΁ͷҠಈ (move out)
11. Duration 195msʙ ϑϧεΫϦʔϯͷҠಈ ը໘֎΁ͷҠಈ (move out) 225msʙ ը໘಺΁ͷҠಈ (move in) 375msʙ ஗͍ͱײ͡ͳ͍ݶք ʙ400ms
12. Transitionͷجૅ 3෼
13. AnimatedTransitioning InteractiveTransitioning ̎ͭͷϓϩτίϧ
14. AnimatedTransitioning InteractiveTransitioning ̎ͭͷϓϩτίϧ
15. let controller = ImagePreviewViewController() // ը૾ϓϨϏϡʔը໘ͷViewController controller.transitioningDelegate = ImagePreviewTransition() present(controller, animated: true, completion: nil)
16. let controller = ImagePreviewViewController() // ը૾ϓϨϏϡʔը໘ͷViewController controller.transitioningDelegate = ImagePreviewTransition() present(controller, animated: true, completion: nil) TransitionDelegate Transitionͷͱ͖ʹͲΜͳભҠΞχϝʔγϣϯΛߦ͏͔Λܾఆ͢Δ
17. public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol { @available(iOS 2.0, *) optional public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? @available(iOS 2.0, *) optional public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? optional public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? optional public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? @available(iOS 8.0, *) optional public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? }
18. public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol { @available(iOS 2.0, *) optional public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? @available(iOS 2.0, *) optional public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? optional public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? optional public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? @available(iOS 8.0, *) optional public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? }
19. public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol { @available(iOS 2.0, *) optional public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? @available(iOS 2.0, *) optional public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? optional public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? optional public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? @available(iOS 8.0, *) optional public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? }
20. public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol { @available(iOS 2.0, *) optional public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? @available(iOS 2.0, *) optional public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? optional public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? optional public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? @available(iOS 8.0, *) optional public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? }
21. public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol { @available(iOS 2.0, *) optional public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? @available(iOS 2.0, *) optional public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? optional public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? optional public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? @available(iOS 8.0, *) optional public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? }
22. AnimatedTransitioning InteractiveTransitioning ̎ͭͷϓϩτίϧ
23. public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol { @available(iOS 2.0, *) optional public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? @available(iOS 2.0, *) optional public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? optional public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? optional public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? @available(iOS 8.0, *) optional public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? }
24. public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol { @available(iOS 2.0, *) optional public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? @available(iOS 2.0, *) optional public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? optional public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? optional public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? @available(iOS 8.0, *) optional public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? }
25. public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol { @available(iOS 2.0, *) optional public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? @available(iOS 2.0, *) optional public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? optional public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? optional public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? @available(iOS 8.0, *) optional public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? }
26. AnimatedTransitioning InteractiveTransitioning ̎ͭͷϓϩτίϧ
27. ·ͱΊΔͱ Present Dismiss ௨ৗͷAnimation Interactive Animation AnimatedTransitioning InteractiveTransitioning ্هͷ̐ͭͷΞχϝʔγϣϯΛܾΊΔ TransitioningDelegate
28. Interactive Transitionͷ࣮૷ํ๏ 7෼
29. public protocol UIViewControllerInteractiveTransitioning : NSObjectProtocol { public func startInteractiveTransition(_ transitionContext: UIViewControllerContextTransitioning) optional public var completionSpeed: CGFloat { get } optional public var completionCurve: UIViewAnimationCurve { get } /// In 10.0, if an object conforming to UIViewControllerAnimatedTransitioning is /// known to be interruptible, it is possible to start it as if it was not /// interactive and then interrupt the transition and interact with it. In this /// case, implement this method and return NO. If an interactor does not /// implement this method, YES is assumed. @available(iOS 10.0, *) optional public var wantsInteractiveStart: Bool { get } }
30. public protocol UIViewControllerInteractiveTransitioning : NSObjectProtocol { public func startInteractiveTransition(_ transitionContext: UIViewControllerContextTransitioning) optional public var completionSpeed: CGFloat { get } optional public var completionCurve: UIViewAnimationCurve { get } /// In 10.0, if an object conforming to UIViewControllerAnimatedTransitioning is /// known to be interruptible, it is possible to start it as if it was not /// interactive and then interrupt the transition and interact with it. In this /// case, implement this method and return NO. If an interactor does not /// implement this method, YES is assumed. @available(iOS 10.0, *) optional public var wantsInteractiveStart: Bool { get } }
31. public protocol UIViewControllerInteractiveTransitioning : NSObjectProtocol { public func startInteractiveTransition(_ transitionContext: UIViewControllerContextTransitioning) optional public var completionSpeed: CGFloat { get } optional public var completionCurve: UIViewAnimationCurve { get } /// In 10.0, if an object conforming to UIViewControllerAnimatedTransitioning is /// known to be interruptible, it is possible to start it as if it was not /// interactive and then interrupt the transition and interact with it. In this /// case, implement this method and return NO. If an interactor does not /// implement this method, YES is assumed. @available(iOS 10.0, *) optional public var wantsInteractiveStart: Bool { get } }
32. InteractiveTransitioningͰάάΔͱ…
33. open class UIPercentDrivenInteractiveTransition : NSObject, UIViewControllerInteractiveTransitioning InteractiveTransitioningΛ࠾༻ͨ͠UIKitͷΫϥε
34. open class UIPercentDrivenInteractiveTransition : NSObject, UIViewControllerInteractiveTransitioning ͨͩ͠ɺAnimatedTransitioningͷΞχϝʔγϣϯΛͦͷ··Interactiveʹ͢Δͷ ͰɺΧελϚΠζ͍ͨ͠৔߹ʹ޲͔ͳ͍ InteractiveTransitioningΛ࠾༻ͨ͠UIKitͷΫϥε
35. open class UIPercentDrivenInteractiveTransition : NSObject, UIViewControllerInteractiveTransitioning ͨͩ͠ɺAnimatedTransitioningͷΞχϝʔγϣϯΛͦͷ··Interactiveʹ͢Δͷ ͰɺΧελϚΠζ͍ͨ͠৔߹ʹ޲͔ͳ͍ InteractiveTransitioningΛ࠾༻ͨ͠UIKitͷΫϥε
36. PanGestureͰDismiss͢Δ
37. UIPanGeustureRecognizer ΛࣸਅͷImageViewʹ௥Ճ͢Δ
38. Gesture: .began func handleGesture(_ gesture: UIPanGestureRecognizer) { let translation = gesture.translation(in: gesture.view) let velocity = gesture.velocity(in: gesture.view) var progress = abs(translation.y) / 200 progress = CGFloat(min(max(progress, 0.0), 1.0)) switch gesture.state { case .possible: break case .began: interactionInProgress = true previewViewController.dismiss(animated: true, completion: nil) case .changed: updateInteraction(progress: progress, translation: translation) case .cancelled, .failed: interactionInProgress = false completeInteraction(velocity: velocity, finished: false) case .ended: interactionInProgress = false let finished = progress > 0.3 || (progress > 0.1 && abs(velocity.y) > 100) completeInteraction(velocity: velocity, finished: finished) } }
39. Gesture: .began func handleGesture(_ gesture: UIPanGestureRecognizer) { let translation = gesture.translation(in: gesture.view) let velocity = gesture.velocity(in: gesture.view) var progress = abs(translation.y) / 200 progress = CGFloat(min(max(progress, 0.0), 1.0)) switch gesture.state { case .possible: break case .began: interactionInProgress = true previewViewController.dismiss(animated: true, completion: nil) case .changed: updateInteraction(progress: progress, translation: translation) case .cancelled, .failed: interactionInProgress = false completeInteraction(velocity: velocity, finished: false) case .ended: interactionInProgress = false let finished = progress > 0.3 || (progress > 0.1 && abs(velocity.y) > 100) completeInteraction(velocity: velocity, finished: finished) } } Dismiss ViewController
40. Gesture: .began func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? { isPresenting = false return interactionInProgress ? self : nil } Dismiss ViewController TransitionDelegate nilҎ֎Λฦ͢ͱɺInteractiveTransition͕࢝·Δ
41. Gesture: .began Dismiss ViewController TransitionDelegate InteractiveTransitioning Transitionʹඋ͑ͯɺViewͷ४උͳͲΛ͢Δ func startInteractiveTransition(_ transitionContext: UIViewControllerContextTransitioning)
42. func handleGesture(_ gesture: UIPanGestureRecognizer) { let translation = gesture.translation(in: gesture.view) let velocity = gesture.velocity(in: gesture.view) var progress = abs(translation.y) / 200 progress = CGFloat(min(max(progress, 0.0), 1.0)) switch gesture.state { case .possible: break case .began: interactionInProgress = true destinationViewController.dismiss(animated: true, completion: nil) case .changed: updateInteraction(progress: progress, translation: translation) case .cancelled, .failed: interactionInProgress = false completeInteraction(velocity: velocity, finished: false) case .ended: interactionInProgress = false let finished = progress > 0.3 || (progress > 0.1 && abs(velocity.y) > 100) completeInteraction(velocity: velocity, finished: finished) } } Gesture: .began Dismiss ViewController TransitionDelegate InteractiveTransitioning Gesture: .changed
43. UIView.animate(withDuration: 0.1, delay: 0, options: [.allowUserInteraction, .beginFromCurrentState, .curveLinear], animations: { dimmingView.alpha = 1.0 - (0.7 * progress) var center = destinationImageFrame.center center.x += translation.x center.y += translation.y snapshotView.center = center let scale = 1.0 - (0.2 * progress) snapshotView.transform = CGAffineTransform(scaleX: scale, y: scale) }, completion: nil) Duration = 0.1ʹ͢Δͱ଎͘δΣενϟʔΛ͠ ͨͱ͖ʹࣗવʹͳΔ Gesture: .began Dismiss ViewController TransitionDelegate InteractiveTransitioning Gesture: .changed
44. UIView.animate(withDuration: 0.1, delay: 0, options: [.allowUserInteraction, .beginFromCurrentState, .curveLinear], animations: { dimmingView.alpha = 1.0 - (0.7 * progress) var center = destinationImageFrame.center center.x += translation.x center.y += translation.y snapshotView.center = center let scale = 1.0 - (0.2 * progress) snapshotView.transform = CGAffineTransform(scaleX: scale, y: scale) }, completion: nil) Easing Curve͸Linearʹ͢Δ Gesture: .began Dismiss ViewController TransitionDelegate InteractiveTransitioning Gesture: .changed
45. func handleGesture(_ gesture: UIPanGestureRecognizer) { let translation = gesture.translation(in: gesture.view) let velocity = gesture.velocity(in: gesture.view) var progress = abs(translation.y) / 200 progress = CGFloat(min(max(progress, 0.0), 1.0)) switch gesture.state { case .possible: break case .began: interactionInProgress = true destinationViewController.dismiss(animated: true, completion: nil) case .changed: updateInteraction(progress: progress, translation: translation) case .cancelled, .failed: interactionInProgress = false completeInteraction(velocity: velocity, finished: false) case .ended: interactionInProgress = false let finished = progress > 0.3 || (progress > 0.1 && abs(velocity.y) > 100) completeInteraction(velocity: velocity, finished: finished) } } Gesture: .ended Gesture: .began Dismiss ViewController TransitionDelegate InteractiveTransitioning Gesture: .changed
46. Gesture: .ended ΞχϝʔγϣϯΛΑΓࣗવʹݟͤΔͨΊʹɺSpringAnimationΛ࢖͍͍ͨ ΞχϝʔγϣϯΛΑΓࣗવʹݟͤΔͨΊʹɺ SpringAnimationΛ࢖͍͍ͨ
47. Gesture: .ended UIView.animate(withDuration duration: TimeInterval, delay: TimeInterval, usingSpringWithDamping dampingRatio: CGFloat, initialSpringVelocity velocity: CGFloat, options: UIViewAnimationOptions = [], animations: @escaping () -> Swift.Void, completion: ((Bool) -> Swift.Void)? = nil )
48. UIView.animate(withDuration duration: TimeInterval, delay: TimeInterval, usingSpringWithDamping dampingRatio: CGFloat, initialSpringVelocity velocity: CGFloat, options: UIViewAnimationOptions = [], animations: @escaping () -> Swift.Void, completion: ((Bool) -> Swift.Void)? = nil ) ݫີʹ΍ΔͳΒɺݮਰৼಈͷӡಈํఔࣜΛղ͘ඞཁ͕͋Δ Gesture: .ended
49. Gesture: .ended ΞχϝʔγϣϯΛΑΓࣗવʹݟͤΔͨΊʹɺSpringAnimationΛ࢖͍͍ͨ
50. func handleGesture(_ gesture: UIPanGestureRecognizer) { let translation = gesture.translation(in: gesture.view) let velocity = gesture.velocity(in: gesture.view) var progress = abs(translation.y) / 200 progress = CGFloat(min(max(progress, 0.0), 1.0)) switch gesture.state { case .possible: break case .began: interactionInProgress = true destinationViewController.dismiss(animated: true, completion: nil) case .changed: updateInteraction(progress: progress, translation: translation) case .cancelled, .failed: interactionInProgress = false completeInteraction(velocity: velocity, finished: false) case .ended: interactionInProgress = false let finished = progress > 0.3 || (progress > 0.1 && abs(velocity.y) > 100) completeInteraction(velocity: velocity, finished: finished) } } Gesture: .ended
51. // ΞχϝʔγϣϯΛࣗવʹݟͤΔͨΊʹɺݮਰͷΞχϝʔγϣϯ͕ඞཁ POPDecayAnimation(propertyNamed: kPOPViewCenter).apply { // PanGestureͷvelocity $0.velocity = velocity $0.deceleration = 0.9 $0.completionBlock = { _ in // ݮਰͯ͠WFMPDJUZ
    
    ʹͳͬͨΒɺ // ImageViewͷframe, scaleͷSpringΞχϝʔγϣϯΛ։࢝͢Δ snapshotView.pop_add(frameAnimation, forKey: "snapshot.frame") snapshotView.pop_add(scaleAnimation, forKey: "snapshot.transform") } snapshotView.pop_add($0, forKey: "snapshot.center") } Gesture: .ended 1. ݮਰͷΞχϝʔγϣϯ
52. // ΞχϝʔγϣϯΛࣗવʹݟͤΔͨΊʹɺݮਰͷΞχϝʔγϣϯ͕ඞཁ POPDecayAnimation(propertyNamed: kPOPViewCenter).apply { // PanGestureͷvelocity $0.velocity = velocity $0.deceleration = 0.9 $0.completionBlock = { _ in // ݮਰͯ͠WFMPDJUZ
    
    ʹͳͬͨΒɺ // ImageViewͷframe, scaleͷSpringΞχϝʔγϣϯΛ։࢝͢Δ snapshotView.pop_add(frameAnimation, forKey: "snapshot.frame") snapshotView.pop_add(scaleAnimation, forKey: "snapshot.transform") } snapshotView.pop_add($0, forKey: "snapshot.center") } Gesture: .ended 1. ݮਰͷΞχϝʔγϣϯ
53. // ΞχϝʔγϣϯΛࣗવʹݟͤΔͨΊʹɺݮਰͷΞχϝʔγϣϯ͕ඞཁ POPDecayAnimation(propertyNamed: kPOPViewCenter).apply { // PanGestureͷvelocity $0.velocity = velocity $0.deceleration = 0.9 $0.completionBlock = { _ in // ݮਰͯ͠WFMPDJUZ
    
    ʹͳͬͨΒɺ // ImageViewͷframe, scaleͷSpringΞχϝʔγϣϯΛ։࢝͢Δ snapshotView.pop_add(frameAnimation, forKey: "snapshot.frame") snapshotView.pop_add(scaleAnimation, forKey: "snapshot.transform") } snapshotView.pop_add($0, forKey: "snapshot.center") } Gesture: .ended 1. ݮਰͷΞχϝʔγϣϯ
54. let group = DispatchGroup() POPBasicAnimation.easeInOut(propertyNamed: kPOPViewAlpha).apply { group.enter() $0.duration = duration $0.toValue = finished ? 0.0 : 1.0 $0.completionBlock = { _ in group.leave() } dimmingView.pop_add($0, forKey: "dimming.alpha") } let frameAnimation = POPSpringAnimation(propertyNamed: kPOPViewFrame).apply { group.enter() $0.toValue = finished ? NSValue(cgRect: self.sourceImageFrame!) : NSValue(cgRect: self.destinationImageFrame!) $0.springBounciness = 3 $0.springSpeed = 3 $0.completionBlock = { _ in group.leave() } } let scaleAnimation = POPSpringAnimation(propertyNamed: kPOPViewScaleXY).apply { group.enter() $0.toValue = NSValue(cgSize: CGSize(square: 1)) $0.springBounciness = 3 $0.springSpeed = 3 $0.completionBlock = { _ in group.leave() } } Gesture: .ended 2. SpringΞχϝʔγϣϯ
55. let group = DispatchGroup() POPBasicAnimation.easeInOut(propertyNamed: kPOPViewAlpha).apply { group.enter() $0.duration = duration $0.toValue = finished ? 0.0 : 1.0 $0.completionBlock = { _ in group.leave() } dimmingView.pop_add($0, forKey: "dimming.alpha") } let frameAnimation = POPSpringAnimation(propertyNamed: kPOPViewFrame).apply { group.enter() $0.toValue = finished ? NSValue(cgRect: self.sourceImageFrame!) : NSValue(cgRect: self.destinationImageFrame!) $0.springBounciness = 3 $0.springSpeed = 3 $0.completionBlock = { _ in group.leave() } } let scaleAnimation = POPSpringAnimation(propertyNamed: kPOPViewScaleXY).apply { group.enter() $0.toValue = NSValue(cgSize: CGSize(square: 1)) $0.springBounciness = 3 $0.springSpeed = 3 $0.completionBlock = { _ in group.leave() } } Gesture: .ended 3. શͯͷΞχϝʔγϣϯ͕׬ྃͨ͠Β…
56. group.notify(queue: .main) { if finished { self.previewSource?.sourceImageView?.isHidden = false UIView.animate(withDuration: duration * 0.25, delay: 0, options: [.curveEaseInOut], animations: { snapshotView.alpha = 0 }, completion: { _ in destination.view.removeFromSuperview() dimmingView.removeFromSuperview() snapshotView.removeFromSuperview() transitionContext.finishInteractiveTransition() transitionContext.completeTransition(true) }) } else { // TransitionΛΩϟϯηϧͨ͠ͱ͖ } } Gesture: .ended 3. શͯͷΞχϝʔγϣϯ͕׬ྃͨ͠Β…
57. group.notify(queue: .main) { if finished { self.previewSource?.sourceImageView?.isHidden = false UIView.animate(withDuration: duration * 0.25, delay: 0, options: [.curveEaseInOut], animations: { snapshotView.alpha = 0 }, completion: { _ in destination.view.removeFromSuperview() dimmingView.removeFromSuperview() snapshotView.removeFromSuperview() transitionContext.finishInteractiveTransition() transitionContext.completeTransition(true) }) } else { // TransitionΛΩϟϯηϧͨ͠ͱ͖ } } Gesture: .ended 4.TransitionΛऴྃ͢Δ
58. ׬੒ͨ͠Ξχϝʔγϣϯ
59. ·ͱΊ ɾEasing CurveɺDurationʹͩ͜ΘΓ·͠ΐ͏ ɾInteractive Transitionͷ࣮૷Λ࣌ܥྻͰઆ໌͠·ͨ͠ ɾΞχϝʔγϣϯΛࣗવʹݟͤΔͨΊʹɺݮਰͱSpringͷΞχϝʔγϣϯΛ ࢖ͬͯΈ·͠ΐ͏
60. Thank you!! @shunkit @shunkitan