iOS کی ترقی کے لئے اسٹوری بورڈ



مسائل کو ختم کرنے کے لئے ہمارے آلے کو آزمائیں

اسوbo بورڈز سب سے پہلے iOS 5 کی ریلیز میں ڈویلپرز کو متعارف کروائے گئے تھے۔ وہ ڈویلپر کو ہر اسکرین کے انٹرفیس کو ایک مختلف فائل میں ڈیزائن کرنے کی پریشانی کو بچاتے ہیں۔ اسٹوری بورڈ آپ کو مجموعی طور پر اپنے ایپ کا تصوراتی طنز اور ہر اسکرین کے درمیان تعامل دیکھنے کی اجازت دیتا ہے۔ طبقات کا استعمال کرتے ہوئے ، آپ یہ طے کرنے کے اہل ہیں کہ ایپ دی گئی اسکرینوں کے مابین کیسے منتقلی لائے گی اور ساتھ میں ڈیٹا کو بھی منتقل کردے گی۔ اس ٹیوٹوریل میں ، میں آپ کو دکھاؤں گا کہ کس طرح کسی ایپ کیلئے سادہ لاگ ان اسکرین بنانا ہے۔



شروع ہوا چاہتا ہے



پہلی چیز جو آپ کرنا چاہتے ہیں وہ ہے ایک نیا پروجیکٹ بنانا۔ آپ ایک نئی واحد اسکرین ایپلی کیشن چاہیں گے جو زبان کو سوئفٹ اور آلے کو آفاقی پر مرتب کریں۔ اگر آپ اسٹوری بورڈ پر تشریف لے جاتے ہیں تو آپ کو خالی نظارہ کنٹرولر منظر دیکھنا چاہئے۔ نقطہ نظر کے کنٹرولر کے بائیں طرف کا تیر اشارہ کرتا ہے کہ یہ روٹ کنٹرولر ہے۔



اسٹوری بورڈ

صارف کے نام اور پاس ورڈ کے لیبل شامل کرنے کے ل you ، آپ کو اپنی اسکرین کے نیچے دائیں باکس میں جانے کی ضرورت ہے ، اس میں ایک مربع والا دائرہ منتخب کریں ، اور اپنے لی view پر دو لیبل گھسیٹیں اور گرا دیں۔ سائڈ بار پر ترجیحات کا انتخاب کرکے ، آپ بہت سارے اہم پیرامیٹرز کی وضاحت کرسکتے ہیں۔ وہاں جانے کے لئے بہت سارے ہیں لیکن زیادہ تر خود وضاحتی ہیں۔

اسٹوری بورڈ 2



ہمارے لئے دو اہم چیزیں پلیس ہولڈر ٹیکسٹ اور محفوظ ٹیکسٹ انٹری چیک باکس ہیں۔ ہم پلیس ہولڈر ٹیکسٹ استعمال کرنا چاہتے ہیں تاکہ صارف کو یہ بتانے کے لئے کہ ان میں سے کون سی معلومات درکار ہے اور صارف کے پاس ورڈ کو ظاہر ہونے سے چھپانے کیلئے محفوظ اندراج۔ یہ ہوجانے کے بعد ، ہمیں اپنے سیگ کو متحرک کرنے کے لئے ایک بٹن کی ضرورت ہے۔ ہم کسی کو اسی طرح گھسیٹ سکتے ہیں جس طرح ہم نے ٹیکسٹ فیلڈ کیا تھا۔ جب آپ نے بٹن کو ایک عنوان دے دیا ہے اور اسکرین پر اپنی اشیاء کا اہتمام کیا ہے اس طرح نظر آنا چاہئے:

اسٹوری بورڈ 3

اب ہماری ایپ کی پہلی اسکرین مکمل ہوچکی ہے لہذا ہمیں منتقلی کے لئے دوسرا بنانے کی ضرورت ہے۔ اسکرین پر ایک دوسرے قول کے کنٹرولر کو گھسیٹ کر یہ کریں۔ دونوں اسکرینوں کو مربوط کرنے کے ل you آپ کو دو کام کرنا چاہئے۔ پہلے آپ کو بٹن پر کلک کرنے کو کنٹرول کرنے کی ضرورت ہوگی اور اسے شامل کردہ نئی اسکرین پر گھسیٹیں گے۔ اگلا آپ کو دونوں خیالات کے درمیان دائرہ منتخب کرنے کی ضرورت ہوگی۔ اس کے بعد آپ کو شناخت کنندہ کو سیگ میں تبدیل کرنے کی ضرورت ہوگی۔ اس مثال کے لئے میں 'نیکسٹ اسکرین' استعمال کروں گا۔

اسٹوری بورڈ 4

آخر میں ، ہم نئی اسکرین پر ایک لیبل لگائیں گے تاکہ ہم صارف کو دیکھ سکیں اور دیکھیں کہ ہماری ایپ کام کرتی ہے یا نہیں۔ پروگراموں کے مطابق اسٹوری بورڈ سے کھیتوں تک رسائی حاصل کرنے کے ل we ، ہمیں کلاس میں ان کے لئے ابلاغ تیار کرنے کی ضرورت ہوگی جو ان کو اس طرح سے استعمال کرتی ہے۔

کلاس فرسٹ اسکرین: UIViewController {

IBOutlet ضعیف مت صارف نام: UITextField!
IBAction فنک لاگ ان بٹن (بھیجنے والا: کوئی بھی اعتراض) {
perfromSegueWithIdentifier ('اگلی اسکرین' ، مرسل: خود)
}
}

کلاس سیکنڈ اسکرین: UIViewController {
var صارف: سٹرنگ!
IBOutlet ضعیف var صارف نام: UILabel!

اوور رائڈ فنک ویو ڈائیڈ لوڈ () {
صارف ڈاٹ ٹیکسٹ = صارف
}
}

اس کے کرنے کے بعد اس بات کو یقینی بنائیں کہ ہر اسکرین کے کنیکشن انسپکٹر کا استعمال کرتے ہوئے اسٹوری بورڈ سے اشیاء کو لنک کریں۔ آپ کے دکانوں کو دکھایا جانا چاہئے اور آپ ان کے ساتھ دائرے کو جوڑنے کیلئے دائیں طرف دائرے پر کلک کرسکتے ہیں۔

اسٹوری بورڈ 5
لاگو ہونے والا آخری فنکشن پہلی اسکرین کی کلاس میں تیاری فورسیگ فنکشن ہے۔ اس سے آپ کو نئے نظارے پر اس طرح کا ڈیٹا منتقل کرنے کی سہولت ملتی ہے۔

اوور رائڈ تفریح ​​تیاریسیوگ (مندرجہ ذیل: UIStoryboard فالو ، بھیجنے والا: کوئی بھی آبجیکٹ؟) {
اگر سیگ۔ شناختیفائر == “اگلی اسکرین”
ڈیجیٹ وی سی = جاری رکھیں۔ ڈسٹریشن وی ویو کنٹرولر بطور یو آئیو ویو کنٹرولر
destVC.user = self.username
}
}

اب آپ کے پاس اسکرین کو تبدیل کرنے اور ان کے درمیان ڈیٹا پاس کرنے کا طریقہ کی بنیادی سمجھ ہے۔ اس سے آپ کو فعال ایپس ، خوش پروگرامنگ بنانے میں ایک اچھی شروعات ہوگی۔

2 منٹ پڑھا