नियंत्रक, यह आसान ले लो! हम UIView में कोड निकालते हैं

क्या आपके पास एक बड़ा UIViewController है? बहुतों के लिए, हाँ। एक ओर, यह डेटा के साथ काम करता है, दूसरे पर - इंटरफ़ेस के साथ।

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

आइए नियंत्रक से दृश्य को अलग करें और देखें कि कैसे loadView () हमारी मदद करता है।



IOS के लिए एप्लिकेशन इंटरफ़ेस UIView पदानुक्रम है। प्रत्येक view कार्य: तत्वों को बनाना, अनुकूलित करना, स्थानों में व्यवस्थित करना, चेतन करना। यह उन तरीकों से देखा जा सकता है जो UIView: addSubview(), drawRect(), layoutSubviews(). वर्ग में हैं UIView: addSubview(), drawRect(), layoutSubviews().

यदि आप UIViewController वर्ग के तरीकों को देखते हैं, तो आप देख सकते हैं कि यह view: प्रबंधन करता है view: लोड करता है, स्क्रीन और उपयोगकर्ता कार्यों को लोड करने का जवाब देता है, और नई स्क्रीन दिखाता है। अक्सर कोड जो UIView में होना चाहिए, हम UIViewController उपवर्गों में लिखते हैं, यह बहुत बड़ा बनाता है। इसे अलग करो।

loadView ()

UIViewController का जीवन चक्र loadView() साथ शुरू होता है। एक सरलीकृत कार्यान्वयन इस तरह दिखता है:

 // CustomViewController.swift func loadView() { self.view = UIView() } 

हम विधि को ओवरराइड कर सकते हैं और अपनी कक्षा निर्दिष्ट कर सकते हैं।

super.loadView() को कॉल करने की आवश्यकता नहीं है!

 // CustomViewController.swift override func loadView() { self.view = CustomView() } 

नियंत्रक CustomView, को लोड CustomView, इसे पदानुक्रम में जोड़ देगा, एक्सपोज़र .frame .view संपत्ति वह वर्ग होगा जिसकी हमें आवश्यकता है:

 // CustomViewController.swift print(view) // CustomView 

लेकिन जबकि कंपाइलर क्लास के बारे में नहीं जानता है और मानता है कि एक सामान्य UIView । आइए इसे एक प्रकार के कास्ट फ़ंक्शन के साथ ठीक करें:

 // CustomViewController.swift func view() -> CustomView { return self.view as! CustomView } 

अब आप CustomView चर देख सकते हैं:

 // CustomViewController.swift func viewDidLoad() { super.viewDidLoad() view().square //  } 

UIView के एक उपवर्ग में कोड

नियंत्रण बनाना और कॉन्फ़िगर करना

फ़ॉन्ट्स, रंग, स्थिरांक और पदानुक्रम को सीधे CustomView कंस्ट्रक्टर में सेट किया जा सकता है:

 // CustomView.swift init() { super.init() backgroundColor = .lightGray addSubview(square) } 

लेआउट साक्षात्कार ()

मैनुअल लेआउट के लिए सबसे अच्छी जगह layoutSubviews() विधि है। इसे हर बार view आकार बदलने के लिए कहा जाता है, इसलिए आप सही गणना के लिए bounds आकार पर भरोसा कर सकते हैं:

 // CustomView.swift override func layoutSubviews() { super.layoutSubviews() square.frame = CGRect(x: 0, y: 0: width: 200, height: 200) square.center = CGPoint(x: bounds.width / 2, y: bounds.height / 2) } 

निजी नियंत्रण, सार्वजनिक गुण

यदि समय है, तो मैं property नियंत्रण को निजी बनाता हूं, लेकिन मैं उन्हें सार्वजनिक चर या कार्यों के माध्यम से "ज्ञान के क्षेत्र में" प्रबंधित करता हूं। एक सरल उदाहरण:

 // CustomView.swift private let square = UIView() var squarePositionIsValid: Bool { didSet { square.backgroundColor = squarePositionIsValid? .green : .red } } func moveSquare(to newCenter: CGPoint) { square.center = newCenter } 

एनकैप्सुलेशन का लाभ: इंटरफ़ेस के पीछे आंतरिक तर्क छिपा हुआ है। उदाहरण के लिए, किसी वस्तु की वैधता क्षेत्र के रंग से इंगित की जा सकती है, न कि वर्ग से, लेकिन नियंत्रक को इसके बारे में कुछ भी पता नहीं होगा।

ViewDidLoad () में क्या रहता है?

यदि आप इंटरफ़ेस बिल्डर का उपयोग करते हैं, तो अक्सर viewDidLoad() खाली है। यदि आप कोड में एक view बनाते हैं, तो आपको लक्ष्य-एक्शन पैटर्न के माध्यम से उनके कार्यों को बांधने की जरूरत है, एक UIGestureRecognizer जोड़ें या प्रतिनिधियों को बांधें।

इंटरफ़ेस बिल्डर के माध्यम से अनुकूलन

view लिए उपवर्ग इंटरफ़ेस बिल्डर (इसके बाद आईबी) के माध्यम से कॉन्फ़िगर किया जा सकता है।

आपको view ऑब्जेक्ट (नियंत्रक नहीं) का चयन करना होगा और इसकी कक्षा निर्धारित करनी होगी। अपने स्वयं के loadView() को लिखना आवश्यक नहीं है, नियंत्रक स्वयं करेगा। लेकिन UIView अभी भी UIView टाइप UIView ।

UIView में IBOutlet

यदि आप view अंदर नियंत्रण का चयन करते view , तो सहायक संपादक UIView वर्ग को पहचानता है और इसे स्वचालित मोड में दूसरी फ़ाइल के रूप में प्रस्तुत करता है। तो आप IBOutlet को view लिए स्थानांतरित कर सकते view ।




यदि आप कोड में एक इंटरफ़ेस बनाते हैं, तो init() बाद सभी ऑब्जेक्ट पहुँच योग्य होते हैं, लेकिन जब IB के साथ काम करते हैं, IBOutlet तक पहुँच केवल awakeFromNib() विधि में UIStoryboard से इंटरफ़ेस लोड करने के बाद दिखाई देती है:

 // CustomView.swift func awakeFromNib() { super.awakeFromNib() square.layer.cornerRadius = 8 } 

UIViewController में आईबीए

मेरे स्वाद के लिए, नियंत्रक को सभी उपयोगकर्ता कार्यों को छोड़ देना चाहिए। मानक से:

• नियंत्रण से लक्ष्य-कार्रवाई
• UIViewController में प्रतिनिधि कार्यान्वयन
• ब्लॉक कार्यान्वयन
• Notification प्रतिक्रिया

इस स्थिति में, UIViewController केवल इंटरफ़ेस को नियंत्रित करता है। व्यापारिक तर्क से संबंधित सभी चीजों को नियंत्रक से बाहर ले जाना चाहिए, लेकिन यह एक विकल्प है: एमवीपी, वीआईपी, आदि।

ऑब्जेक्टिव-सी

ऑब्जेक्टिव-सी में, आप UIView प्रकार को पूरी तरह बदल सकते हैं। ऐसा करने के लिए, वांछित वर्ग के साथ संपत्ति घोषित करें, setter और getter ओवरराइड करें, वर्ग को निर्दिष्ट करते हुए:

 // CustomViewController.m @interface CustomViewController @property (nonatomic) CustomView *customView; @end @implementation - (void)setView:(CustomView *)view{ [super setView:view]; } - (CustomView *)view { return (CustomView *)super.view; } @end 

अंत

GitHub पर उदाहरण में, आप एक साधारण कार्य के लिए कक्षाओं के पृथक्करण को देख सकते हैं: वर्ग का रंग इसकी स्थिति पर निर्भर करता है (हरे क्षेत्र में यह हरा है, इसके बाहर लाल है)।

अधिक जटिल स्क्रीन, बेहतर प्रभाव: नियंत्रक कम हो जाता है, कोड को उसके स्थान पर स्थानांतरित कर दिया जाता है। कोड को केवल view लिए पोर्ट किया गया view , लेकिन इनकैप्सुलेशन से कोड को इंटरैक्ट करना और पढ़ना आसान हो जाता है। कभी-कभी किसी अन्य नियंत्रक के साथ view का पुन: उपयोग किया जा सकता है। उदाहरण के लिए, iPhone और iPad के लिए अलग-अलग नियंत्रक कीबोर्ड की उपस्थिति के लिए अपने तरीके से प्रतिक्रिया करते हैं, लेकिन यह view कोड को नहीं बदलता है।

मैंने अलग-अलग परियोजनाओं में और अलग-अलग लोगों के साथ इस कोड का उपयोग किया, हर बार टीम ने सरलीकरण का स्वागत किया और अभ्यास किया। मुझे उम्मीद है कि आप भी इसका आनंद लेंगे। सभी आसान UIViewController !