🛰️ 🧓 🚍 एक दृश्य नियंत्रक की कहानी जो अच्छी तरह से दिखाना चाहती थी 🙏🏽 🏄 ✊🏻

एक बार एक मामूली दृश्य नियंत्रक VCYellow था । और उसके पास न तो कोई चित्र था, न पाठ, न ही एक छोटा सा व्यवसायिक तर्क। उन्होंने एक साधारण दृश्य-नियंत्रक जीवन जीया।

उनके साथी दृश्य नियंत्रक VCMain ने कभी-कभी इसे दुनिया के सामने पेश किया:

class VCMain: UIViewController { ... @IBAction func onBtnTapMeTapped(_ sender: Any) { let vcYellow = self.storyboard!.instantiateViewController(withIdentifier: "VCYellow") as! VCYellow self.present(vcYellow, animated: true, completion: nil) }

और VCYellow, बदले में, एक एकल "X" बटन की मदद से छिपा रहा था, जिसे वह, वैसे, बहुत गर्व था:

 class VCYellow: UIViewController { ... @IBAction func onBtnCloseTapped(_ sender: Any) { self.dismiss(animated: true, completion: nil) }

और यह बहुत बुरा नहीं लग रहा था, लेकिन उबाऊ और सांसारिक:

लेकिन हमारे नायक का सपना था कि हम सुंदरता को दिखाना और छिपाना सीखें। हां, ताकि आप इस सुंदरता को बाद में छुट्टियों पर या सिर्फ एक अच्छे मूड के सम्मान में बदल सकें।

साल बीत गए ... और इसलिए सपना सपना ही रह गया कि वीसीयेलो के लिए जादू के बारे में जानने का मौका नहीं मिला:

 UIViewControllerTransitioningDelegate

और इस जादू की शक्ति इस तथ्य में निहित है कि यह दिखाने के लिए और दृश्य नियंत्रक को छिपाने के लिए उपयुक्त एनिमेटर को पर्ची करना संभव बनाता है। बस क्या हमारे नियंत्रक के बारे में सपना देखा।
उन्होंने प्राचीन स्क्रॉल में पढ़ा कि मंत्र का उपयोग कैसे करें और तैयार करना शुरू करें।
मैंने खुद को मंत्र के साथ एक पालना लिखा था ताकि भूल न जाए:

 extension VCYellow: UIViewControllerTransitioningDelegate { func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? { return AnimatorPresent(startFrame: self.startFrame) } func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? { return AnimatorDismiss(endFrame: self.startFrame) } }

इसमें, उन्होंने ध्यान से चित्रित किया कि शो के लिए आपको एनिमेटर एनिमेटरप्रेंट का उपयोग करने की आवश्यकता है, और जब एनिमेटरडिज्म को बंद करना है।
खैर, दोनों एनिमेटरों की सहायता के रूप में, मुख्य बटन फ्रेम को वीसीमैन से स्थानांतरित करने का निर्णय लिया गया

और फिर वह खुद मानसिक रूप से कमजोर हो गया था। क्योंकि सही दृष्टिकोण के बिना, जैसा कि आप जानते हैं, कोई जादू काम नहीं करता है:

 override func viewDidLoad() { super.viewDidLoad() self.modalPresentationStyle = .custom self.transitioningDelegate = self }

उन्होंने अपने दोस्त वीसीमैन से कहा कि वह जादू की जांच करने के लिए खुद को प्रस्तुत करें और यह किसी भी तरह से काम न करे ...
यह पता चला कि एनिमेटरेस्प्रेसेंट और एनिमेटरडिज्म स्वयं प्रकट नहीं होते हैं।

इसे रोकने के लिए बहुत देर हो चुकी थी, और हमारे नायक ने आवश्यक एनिमेटरों को बनाने का फैसला किया। मैंने प्राचीन स्क्रॉल के आवश्यक अनुभाग में चारों ओर पोक किया और पाया कि एक एनिमेटर बनाने के लिए दो चीजें पर्याप्त हैं।

सबसे पहले, आपको एनीमेशन के लिए आवंटित समय निर्धारित करने की आवश्यकता है:

 func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval { return 0.3 }

और दूसरा एनीमेशन को स्वयं इंगित करें:

 func animateTransition(using transitionContext: UIViewControllerContextTransitioning) { //1 guard let vcTo = transitionContext.viewController(forKey: .to), let snapshot = vcTo.view.snapshotView(afterScreenUpdates: true) else { return } //2 let vContainer = transitionContext.containerView //3 vcTo.view.isHidden = true vContainer.addSubview(vcTo.view) //4 snapshot.frame = self.startFrame vContainer.addSubview(snapshot) UIView.animate(withDuration: 0.3, animations: { //5 snapshot.frame = (transitionContext.finalFrame(for: vcTo)) }, completion: { success in //6 vcTo.view.isHidden = false snapshot.removeFromSuperview() transitionContext.completeTransition(true) }) }

प्रस्तुत दृश्य नियंत्रक (हमारे मामले में VCYellow) को बाहर निकालें और इसकी एक तस्वीर लें। एनीमेशन को सरल बनाने के लिए एक तस्वीर की आवश्यकता होती है।
एक नज़र डालें जिस पर एनिमेटेड जादू टोना होगा। इसे संदर्भ कहते हैं।
संदर्भ पर अंतिम नियंत्रक के दृश्य को हुक करें और इसे छिपाएं। प्रदर्शन
यह एनीमेशन समाप्त होने के बाद तय किया गया था।
एनीमेशन के लिए एक फोटो तैयार करें। प्रारंभिक आकार को कम करें और संदर्भ पर फेंक दें।
फ़ोटो को पूर्ण स्क्रीन पर विभाजित करें, जिससे प्रस्तुति प्रक्रिया को एनिमेट किया जा सके।
एनीमेशन समाप्त होने के बाद, अंतिम नियंत्रक का वास्तविक दृश्य दिखाएं,
फोटो से छुटकारा पाएं और रिपोर्ट करें कि कार्रवाई खत्म हो गई है।

परिणामस्वरूप, प्रदर्शन के लिए ऐसा एक एनिमेटर था:

 import UIKit class AnimatorPresent: NSObject, UIViewControllerAnimatedTransitioning { let startFrame: CGRect init(startFrame: CGRect) { self.startFrame = startFrame } func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval { return 0.3 } func animateTransition(using transitionContext: UIViewControllerContextTransitioning) { guard let vcTo = transitionContext.viewController(forKey: .to), let snapshot = vcTo.view.snapshotView(afterScreenUpdates: true) else { return } let vContainer = transitionContext.containerView vcTo.view.isHidden = true vContainer.addSubview(vcTo.view) snapshot.frame = self.startFrame vContainer.addSubview(snapshot) UIView.animate(withDuration: 0.3, animations: { snapshot.frame = (transitionContext.finalFrame(for: vcTo)) }, completion: { success in vcTo.view.isHidden = false snapshot.removeFromSuperview() transitionContext.completeTransition(true) }) } }

और उसके बाद छिपने के लिए एक एनिमेटर लिखना मुश्किल नहीं था, जो इसके बारे में करता है, लेकिन इसके विपरीत:

 import UIKit class AnimatorDismiss: NSObject, UIViewControllerAnimatedTransitioning { let endFrame: CGRect init(endFrame: CGRect) { self.endFrame = endFrame } func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval { return 0.3 } func animateTransition(using transitionContext: UIViewControllerContextTransitioning) { guard let vcTo = transitionContext.viewController(forKey: .to), let vcFrom = transitionContext.viewController(forKey: .from), let snapshot = vcFrom.view.snapshotView(afterScreenUpdates: true) else { return } let vContainer = transitionContext.containerView vContainer.addSubview(vcTo.view) vContainer.addSubview(snapshot) vcFrom.view.isHidden = true UIView.animate(withDuration: 0.3, animations: { snapshot.frame = self.endFrame }, completion: { success in transitionContext.completeTransition(true) }) } }

सभी परिष्करण स्पर्श समाप्त करने के बाद, VCYellow ने फिर से अपने मित्र VCMain को खुद को और लो पेश करने के लिए कहा!

जादू काम कर गया! VCYellow का सपना सच हो गया! अब वह जैसा चाहे वैसा दिखा और छिपा सकता है और कुछ भी उसकी कल्पना को सीमित नहीं करेगा!

एक उदाहरण परियोजना यहां डाउनलोड की जा सकती है।

प्रेरणा के लिए मैंने जो लेख प्रयोग किया, वह यहाँ है।

एक दृश्य नियंत्रक की कहानी जो अच्छी तरह से दिखाना चाहती थी

More articles: