स्टोरीबोर्ड को पहली बार iOS 5 के रिलीज में डेवलपर्स के लिए पेश किया गया था। वे डेवलपर को प्रत्येक स्क्रीन के इंटरफ़ेस को अलग-अलग फ़ाइल में डिज़ाइन करने की परेशानी से बचाते हैं। स्टोरीबोर्ड आपको अपने ऐप की वैचारिक मॉकअप को संपूर्ण रूप से और प्रत्येक स्क्रीन के बीच इंटरैक्शन को देखने की अनुमति देता है। सेग्यू का उपयोग करके, आप यह सेट करने में सक्षम हैं कि ऐप दिए गए स्क्रीन के बीच कैसे ट्रांज़िशन करेगा और डेटा पास करेगा। इस ट्यूटोरियल में, मैं आपको दिखाऊंगा कि ऐप के लिए एक साधारण लॉगिन स्क्रीन कैसे बनाई जाए।
शुरुआत करना
आप जो पहली चीज़ करना चाहेंगे वह है एक नया प्रोजेक्ट बनाना। आप एक नया सिंगल स्क्रीन एप्लिकेशन चाहेंगे जिसमें भाषा को Swift पर सेट किया गया हो और डिवाइस को यूनिवर्सल। यदि आप स्टोरीबोर्ड पर नेविगेट करते हैं तो आपको एक खाली व्यू कंट्रोलर सीन दिखाई देगा। व्यू कंट्रोलर के बाईं ओर तीर इंगित करता है कि यह रूट कंट्रोलर है।
यूज़रनेम और पासवर्ड के लिए लेबल जोड़ने के लिए, आपको अपनी स्क्रीन के निचले दाएं कोने में बॉक्स पर जाने की आवश्यकता है, उसमें वर्ग वाले सर्कल का चयन करें, और अपने व्यू पर दो लेबल खींचकर छोड़ें। साइडबार पर प्राथमिकताओं को चुनकर, आप कई महत्वपूर्ण पैरामीटर निर्दिष्ट कर सकते हैं। उनमें से बहुत सारे हैं लेकिन अधिकांश स्व-व्याख्यात्मक हैं।
हमारे लिए दो महत्वपूर्ण हैं प्लेसहोल्डर टेक्स्ट और सिक्योर टेक्स्ट एंट्री चेकबॉक्स। हम प्लेसहोल्डर टेक्स्ट का उपयोग उपयोगकर्ता को यह बताने के लिए करना चाहते हैं कि उनसे किस जानकारी की आवश्यकता है और पासवर्ड को दिखाने से छिपाने के लिए सिक्योर एंट्री। इसके पूरा होने के बाद, हमें अपने सेग्यू को ट्रिगर करने के लिए एक बटन की आवश्यकता है। हम उसी तरह एक बटन खींच सकते हैं जैसे हमने टेक्स्ट फ़ील्ड के लिए किया था। बटन को शीर्षक देने और अपनी वस्तुओं को स्क्रीन पर व्यवस्थित करने के बाद यह इस तरह दिखना चाहिए:
अब हमारे ऐप की पहली स्क्रीन हो गई है इसलिए हमें ट्रांज़िशन करने के लिए दूसरी स्क्रीन बनाने की आवश्यकता है। स्क्रीन पर दूसरा व्यू कंट्रोलर खींचकर ऐसा करें। दो स्क्रीन को जोड़ने के लिए आपको दो चीजें करनी होंगी। सबसे पहले आपको बटन पर कंट्रोल क्लिक करना होगा और इसे आपके द्वारा जोड़ी गई नई स्क्रीन पर खींचना होगा। अगला आपको दोनों व्यू के बीच सर्कल का चयन करना होगा। आपको फिर सेग्यू के लिए पहचानकर्ता बदलने की आवश्यकता होगी; इस उदाहरण के लिए मैं "nextScreen" का उपयोग करूंगा
अंत में, हम नई स्क्रीन पर एक लेबल डालेंगे ताकि हम यूज़र को देख सकें और देख सकें कि हमारा ऐप काम करता है। स्टोरीबोर्ड से फ़ील्ड को प्रोग्रामेटिक रूप से एक्सेस करने में सक्षम होने के लिए, हमें उन्हें उस क्लास में आउटलेट बनाने की आवश्यकता होगी जो उनका उपयोग करता है जैसे:
class FirstScreen: UIViewController {
@IBOutlet weak var username: UITextField!
@IBAction func loginButton(sender: AnyObject) {
perfromSegueWithIdentifier("nextScreen", sender: self)
}
}
class SecondScreen: UIViewController {
var user: String!
@IBOutlet weak var username: UILabel!
override func viewDidload() {
username.text = user
}
}
इसके पूरा होने के बाद प्रत्येक स्क्रीन के कनेक्शन इंस्पेक्टर का उपयोग करके स्टोरीबोर्ड से ऑब्जेक्ट को लिंक करना सुनिश्चित करें। आपके आउटलेट दिखने चाहिए और आप उन्हें लिंक करने के लिए उनके दाईं ओर सर्कल पर क्लिक कर सकते हैं।
लागू की जाने वाली अंतिम फ़ंक्शन पहली स्क्रीन की क्लास में prepareForSegue फ़ंक्शन है। यह आपको नए व्यू पर डेटा पास करने की अनुमति देता है जैसे:
override fun prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
if segue.identifier == "nextScreen" {
let destVC = segue.destinationViewController as UIViewController
destVC.user = self.username
}
}
अब आपको स्क्रीन बदलने और उनके बीच डेटा पास करने की बुनियादी समझ है। यह आपको कार्यात्मक ऐप्स बनाने पर एक अच्छी शुरुआत देगा, हैप्पी प्रोग्रामिंग!
