Storyboard প্রথম بار iOS 5 রিলিজে ডেভেলপারদের কাছে পরিচয় করানো হয়েছিল। এতে ডেভেলপারদের প্রতিটি স্ক্রিনের ইন্টারফেস আলাদা ফাইলে ডিজাইন করার ঝামেলা থেকে মুক্তি মেলে। Storyboard আপনাকে আপনার অ্যাপের কনসেপচুয়াল মকআপ সম্পূর্ণরূপে এবং প্রতিটি স্ক্রিনের মধ্যে ইন্টারঅ্যাকশন দেখতে দেয়। Segues ব্যবহার করে, আপনি সেট করতে পারেন অ্যাপটি কীভাবে প্রদত্ত স্ক্রিনগুলির মধ্যে ট্রানজিশন করবে এবং ডেটা পাস করবে। এই টিউটোরিয়ালে, আমি আপনাকে দেখাব কীভাবে একটি অ্যাপের জন্য একটি সিম্পল লগইন স্ক্রিন তৈরি করা যায়।
শুরু করা যাক
আপনাকে প্রথমে যা করতে হবে সেটি হল একটি নতুন প্রজেক্ট তৈরি করা। আপনি একটি নতুন সিঙ্গেল স্ক্রিন অ্যাপ্লিকেশন চাইবেন ভাষা Swift এবং ডিভাইস Universal সেট করে। আপনি যদি storyboard-এ নেভিগেট করেন তবে আপনি একটি খালি ভিউ কন্ট্রোলার সিন দেখবেন। ভিউ কন্ট্রোলারের বাম পাশের অ্যারোটি ইঙ্গিত করে যে এটি রুট কন্ট্রোলার।
ইউজারনেম এবং পাসওয়ার্ডের জন্য লেবেল যোগ করতে, আপনাকে আপনার স্ক্রিনের নিচের ডানদিকের বক্সে যেতে হবে, সার্কেলে স্কোয়ার 있는 আইকনটি সিলেক্ট করুন, এবং আপনার ভিউতে দুটি লেবেল ড্র্যাগ অ্যান্ড ড্রপ করুন। সাইডবারের প্রেফারেন্সেস বেছে নিয়ে, আপনি অনেক গুরুত্বপূর্ণ প্যারামিটার স্পেসিফাই করতে পারেন। এগুলো কথা বলতে গেলে অনেক, অধিকাংশ স্বয়ংস্ফূর্ত।
আমাদের জন্য দুটি গুরুত্বপূর্ণ জিনিস হলো placeholder text এবং secure text entry চেকবক্স। আমরা placeholder text ব্যবহার করতে চাই যাতে ব্যবহারকারী বুঝতে পারেন কী ইনফরমেশন দরকার এবং secure entry ব্যবহার করতে চাই যাতে ব্যবহারকারীর পাসওয়ার্ড দেখা না যায়। এটি হয়ে গেলে, আমাদের একটি বাটন দরকার যাতে আমাদের segue ট্রিগার করতে পারি। আমরা টেক্সট ফিল্ডের মতো একইভাবে একটি বাটন ড্র্যাগ করতে পারি। বাটনটি একটি টাইটেল দেওয়ার পর এবং আপনার স্ক্রিনের অবজেক্টগুলো সাজানোর পর এটি এরকম দেখাবে:
এখন আমাদের অ্যাপের প্রথম স্ক্রিনটি হয়ে গেলে তাই আমাদের একটি دوم স্ক্রিন তৈরি করতে হবে ট্রানজিশন করার জন্য। এটা করতে স্ক্রিনে একটি দ্বিতীয় ভিউ কন্ট্রোলার ড্র্যাগ করুন। দুটি স্ক্রিন সংযুক্ত করতে আপনাকে দুটি জিনিস করতে হবে। প্রথমে আপনাকে বাটনে কন্ট্রোল ক্লিক করতে হবে এবং এটি নতুন স্ক্রিনে টেনে আনতে হবে যেটি আপনি যোগ করেছেন। এরপর আপনাকে দুটি ভিউর মাঝপথের সার্কেলটি সিলেক্ট করতে হবে। আপনাকে সেগুইয়ের আইডেন্টিফায়ার পরিবর্তন করতে হবে; এই উদাহরণে আমি "nextScreen" ব্যবহার করব।
শেষে, আমরা নতুন স্ক্রিনে একটি লেবেল রাখব যাতে আমরা ইউজারকে দেখতে পাই এবং দেখতে পাই আমাদের অ্যাপ কাজ করছে কিনা। স্টোরiboard থেকে প্রোগ্রাম্যাটিক্যালি ফিল্ডগুলো অ্যাক্সেস করতে পারতে, আপনাকে তাদের জন্য আউটলেট তৈরি করতে হবে ক্লাসে যা সেগুলো ব্যবহার করে যেমনঃ
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
}
}
এটি হওয়ার পর নিশ্চিত করুন অবজেক্টগুলো storyboard থেকে কানেকশনস ইন্সপেক্টর ব্যবহার করে লিংক করা হয়েছে প্রতিটি স্ক্রিনের। আপনার আউটলেটগুলো দেখাবে এবং আপনি সেগুলোর ডানদিকের সার্কেলে ক্লিক করে সেগুলো লিংক করতে পারবেন।
লাস্ট ফাংশন যা ইমপ্লিমেন্ট করতে হবে সেটি হল prepareForSegue ফাংশন প্রথম স্ক্রিনের ক্লাসে। এটি আপনাকে নতুন ভিউতে ডেটা পাস করতে দেয় এইভাবে:
override fun prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
if segue.identifier == “nextScreen” {
let destVC = segue.destinationViewController as UIViewController
destVC.user = self.username
}
}
এখন আপনার একটি বেসিক বোঝাপড়া আছে কীভাবে স্ক্রিন চেঞ্জ করতে হয় এবং সেগুলোর মধ্যে ডেটা পাস করতে হয়। এটি আপনাকে ফাংশনাল অ্যাপস তৈরি করার একটি ভালো শুরু দেবে, হ্যাপি প্রোগ্রামিং!
