मैंने अभी-अभी इंटरएक्टिव तरीके से इसे खारिज करने के लिए एक मोडल को नीचे खींचने के लिए एक ट्यूटोरियल बनाया।
http://www.thorntech.com/2016/02/ios-tutorial-close-modal-dragging/
मैंने इस विषय को पहली बार भ्रमित करने वाला पाया, इसलिए ट्यूटोरियल इसे चरण-दर-चरण बनाता है।
यदि आप केवल कोड स्वयं चलाना चाहते हैं, तो यह रेपो है:
https://github.com/ThornTechPublic/InteractiveModal
यह वह तरीका है जिसका मैंने उपयोग किया है:
नियंत्रक देखें
आप एक कस्टम एक के साथ खारिज एनीमेशन को ओवरराइड करते हैं। यदि उपयोगकर्ता मोडल को खींच रहा है, तो interactorकिक करता है।
import UIKit
class ViewController: UIViewController {
let interactor = Interactor()
override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
if let destinationViewController = segue.destinationViewController as? ModalViewController {
destinationViewController.transitioningDelegate = self
destinationViewController.interactor = interactor
}
}
}
extension ViewController: UIViewControllerTransitioningDelegate {
func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
return DismissAnimator()
}
func interactionControllerForDismissal(animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
return interactor.hasStarted ? interactor : nil
}
}
खारिज करें एनिमेटर
आप एक कस्टम एनिमेटर बनाते हैं। यह एक कस्टम एनीमेशन है जिसे आप किसी UIViewControllerAnimatedTransitioningप्रोटोकॉल के अंदर पैकेज करते हैं।
import UIKit
class DismissAnimator : NSObject {
}
extension DismissAnimator : UIViewControllerAnimatedTransitioning {
func transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval {
return 0.6
}
func animateTransition(transitionContext: UIViewControllerContextTransitioning) {
guard
let fromVC = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey),
let toVC = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey),
let containerView = transitionContext.containerView()
else {
return
}
containerView.insertSubview(toVC.view, belowSubview: fromVC.view)
let screenBounds = UIScreen.mainScreen().bounds
let bottomLeftCorner = CGPoint(x: 0, y: screenBounds.height)
let finalFrame = CGRect(origin: bottomLeftCorner, size: screenBounds.size)
UIView.animateWithDuration(
transitionDuration(transitionContext),
animations: {
fromVC.view.frame = finalFrame
},
completion: { _ in
transitionContext.completeTransition(!transitionContext.transitionWasCancelled())
}
)
}
}
Interactor
आप उप-वर्ग करें UIPercentDrivenInteractiveTransitionताकि यह आपकी राज्य मशीन के रूप में कार्य कर सके। चूंकि दोनों वीसी द्वारा इंटरएक्टर ऑब्जेक्ट एक्सेस किया जाता है, इसलिए इसे पैनिंग प्रगति का ट्रैक रखने के लिए उपयोग करें।
import UIKit
class Interactor: UIPercentDrivenInteractiveTransition {
var hasStarted = false
var shouldFinish = false
}
मोडल व्यू कंट्रोलर
यह इंटरेक्टर विधि कॉल के लिए पैन जेस्चर स्टेट को मैप करता है। translationInView() yमूल्य निर्धारित करता है उपयोगकर्ता एक सीमा को पार कर गया है या नहीं। जब पैन जेस्चर होता है .Ended, तो इंटरेक्टर या तो खत्म हो जाता है या कैंसिल हो जाता है।
import UIKit
class ModalViewController: UIViewController {
var interactor:Interactor? = nil
@IBAction func close(sender: UIButton) {
dismissViewControllerAnimated(true, completion: nil)
}
@IBAction func handleGesture(sender: UIPanGestureRecognizer) {
let percentThreshold:CGFloat = 0.3
let translation = sender.translationInView(view)
let verticalMovement = translation.y / view.bounds.height
let downwardMovement = fmaxf(Float(verticalMovement), 0.0)
let downwardMovementPercent = fminf(downwardMovement, 1.0)
let progress = CGFloat(downwardMovementPercent)
guard let interactor = interactor else { return }
switch sender.state {
case .Began:
interactor.hasStarted = true
dismissViewControllerAnimated(true, completion: nil)
case .Changed:
interactor.shouldFinish = progress > percentThreshold
interactor.updateInteractiveTransition(progress)
case .Cancelled:
interactor.hasStarted = false
interactor.cancelInteractiveTransition()
case .Ended:
interactor.hasStarted = false
interactor.shouldFinish
? interactor.finishInteractiveTransition()
: interactor.cancelInteractiveTransition()
default:
break
}
}
}
