स्टोरीबोर्ड को पहली बार iOS 5 की रिलीज़ में डेवलपर्स के लिए पेश किया गया था। वे डेवलपर को एक अलग फ़ाइल में प्रत्येक स्क्रीन के इंटरफ़ेस को डिज़ाइन करने की परेशानी से बचाते हैं। स्टोरीबोर्ड आपको अपने ऐप के वैचारिक मॉकअप को समग्र रूप से और प्रत्येक स्क्रीन के बीच बातचीत को देखने की अनुमति देता है। सेग्यूस का उपयोग करते हुए, आप यह निर्धारित करने में सक्षम होते हैं कि ऐप दी गई स्क्रीन के बीच संक्रमण कैसे करेगा और डेटा को पास करेगा। इस ट्यूटोरियल में, मैं आपको दिखाऊँगा कि किसी ऐप के लिए एक साधारण लॉगिन स्क्रीन कैसे बनाई जाए।
शुरू करना
पहली चीज जो आप करना चाहते हैं, वह एक नई परियोजना है। आप एक नई सिंगल स्क्रीन एप्लिकेशन को भाषा को स्विफ्ट और सार्वभौमिक उपकरणों पर सेट करना चाहेंगे। यदि आप स्टोरीबोर्ड पर नेविगेट करते हैं तो आपको एक खाली दृश्य नियंत्रक दृश्य देखना चाहिए। व्यू कंट्रोलर के बाईं ओर स्थित तीर इंगित करता है कि यह रूट कंट्रोलर है।
उपयोगकर्ता नाम और पासवर्ड के लिए लेबल जोड़ने के लिए, आपको अपनी स्क्रीन के निचले दाईं ओर बॉक्स में जाने की आवश्यकता है, इसमें एक वर्ग के साथ सर्कल का चयन करें, और अपने दृश्य पर दो लेबल खींचें और छोड़ें। साइड बार पर वरीयताओं को चुनकर, आप कई महत्वपूर्ण मापदंडों को निर्दिष्ट कर सकते हैं। वहाँ बहुत सारे हैं, लेकिन अधिकांश आत्म-व्याख्यात्मक हैं।
हमारे लिए दो महत्वपूर्ण हैं प्लेसहोल्डर टेक्स्ट और सुरक्षित टेक्स्ट एंट्री चेकबॉक्स। हम उपयोगकर्ता को यह बताने के लिए कि उन्हें क्या जानकारी की आवश्यकता है और उपयोगकर्ता के पासवर्ड को दिखाने से छिपाने के लिए सुरक्षित प्रविष्टि के लिए प्लेसहोल्डर टेक्स्ट का उपयोग करना चाहते हैं। ऐसा होने के बाद, हमें अपने सेगमेंट को ट्रिगर करने के लिए एक बटन की आवश्यकता होती है। हम एक को उसी तरह से खींच सकते हैं जिस तरह से हमने टेक्स्ट फील्ड किया था। आपके द्वारा बटन को शीर्षक देने के बाद और स्क्रीन पर अपनी वस्तुओं को व्यवस्थित करने के लिए इस तरह दिखना चाहिए:
अब ऐप की हमारी पहली स्क्रीन हो गई है, इसलिए हमें संक्रमण के लिए एक और एक बनाने की आवश्यकता है। स्क्रीन पर एक दूसरे दृश्य नियंत्रक को खींचकर ऐसा करें। दो स्क्रीन को जोड़ने के लिए आपको दो काम करने होंगे। सबसे पहले आपको बटन पर क्लिक पर नियंत्रण करना होगा और उसे आपके द्वारा जोड़ी गई नई स्क्रीन पर खींचें। आगे आपको दो दृश्यों के बीच के सर्कल का चयन करना होगा। फिर आपको पहचानकर्ता को segue में बदलने की आवश्यकता होगी; इस उदाहरण के लिए मैं 'अगली स्क्रीन' का उपयोग करूंगा
अंत में, हम नई स्क्रीन पर एक लेबल लगाएंगे ताकि हम उपयोगकर्ता को देख सकें और देखें कि हमारा ऐप काम करता है या नहीं। प्रोग्रामबोर्ड से खेतों तक पहुंचने में सक्षम होने के लिए, हमें उन कक्षाओं में उनके लिए आउटलेट बनाने की आवश्यकता होगी जो इस तरह का उपयोग करते हैं:
क्लास फ़र्स्टस्क्रीन: UIViewController {
@IBOutlet कमजोर var उपयोगकर्ता नाम: UITextField!
@IBAction func loginButton (प्रेषक: AnyObject) {
perfromSegueWithIdentifier ('अगली स्क्रीन', प्रेषक: स्व)
}
}
कक्षा दूसरी स्क्रीन: UIViewController {
var उपयोगकर्ता: स्ट्रिंग!
@IBOutlet कमजोर var उपयोगकर्ता नाम: UILabel!
ओवरराइड दुर्गंध देखेंडीडलोड () {
उपयोगकर्ता नाम .text = उपयोगकर्ता
}
}
इसके बाद प्रत्येक स्क्रीन के कनेक्शन निरीक्षक का उपयोग करके स्टोरीबोर्ड से ऑब्जेक्ट्स को लिंक करना सुनिश्चित करें। आपके आउटलेट दिखाए जाने चाहिए और आप उन्हें लिंक करने के लिए दाईं ओर दिए गए सर्कल पर क्लिक कर सकते हैं।
लागू किया जाने वाला अंतिम कार्य पहली स्क्रीन की कक्षा में तैयारफॉरग्यूग फ़ंक्शन है। यह आपको नए दृश्य पर डेटा पास करने की अनुमति देता है जैसे:
मस्ती की तैयारी को ओवरराइड करें (निम्नानुसार: UIStoryboardFollow, प्रेषक: AnyObject?) {
अगर segue.identifier == 'अगली स्क्रीन' {
letVV = जारी रखता है। UIViewController के रूप में
destVC.user = self.username
}
}
अब आपको स्क्रीन को बदलने और उनके बीच डेटा पास करने की एक बुनियादी समझ है। यह आपको कार्यात्मक एप्लिकेशन, खुश प्रोग्रामिंग बनाने पर एक अच्छी शुरुआत देगा!
2 मिनट पढ़ा
