আইওএস বিকাশের স্টোরিবোর্ড

স্টোরিবোর্ডগুলি আইওএস 5 এর মুক্তির জন্য বিকাশকারীদের কাছে প্রথমে প্রবর্তিত হয়েছিল তারা প্রতিটি স্ক্রিনের ইন্টারফেসটি একটি আলাদা ফাইলে ডিজাইনের সমস্যাটিকে তারা বিকাশ করে। স্টোরিবোর্ড আপনাকে সামগ্রিকভাবে আপনার অ্যাপ্লিকেশনটির ধারণামূলক মকআপ এবং প্রতিটি স্ক্রিনের মধ্যে ইন্টারঅ্যাকশন দেখতে দেয়। বিভাগগুলি ব্যবহার করে, আপনি সেট করতে সক্ষম হন যে অ্যাপ্লিকেশন কীভাবে প্রদত্ত স্ক্রিনগুলির মধ্যে রূপান্তর করবে এবং পাশাপাশি ডেটা পাস করবে। এই টিউটোরিয়ালে, আমি আপনাকে একটি অ্যাপের জন্য কীভাবে একটি সহজ লগইন স্ক্রিন তৈরি করব তা দেখাব।

শুরু হচ্ছে

আপনি যা করতে যাচ্ছেন প্রথম জিনিসটি একটি নতুন প্রকল্প করা। আপনি একটি নতুন একক স্ক্রিন অ্যাপ্লিকেশন চাইবেন ভাষাটি সুইফটে এবং ডিভাইসগুলিকে সার্বজনীন রূপে সেট করে। আপনি যদি স্টোরিবোর্ডে নেভিগেট করেন তবে আপনার খালি ভিউ কন্ট্রোলারের দৃশ্য দেখতে হবে। ভিউ কন্ট্রোলারের বাম দিকে তীরটি নির্দেশ করে যে এটিই মূল নিয়ামক।

ব্যবহারকারীর নাম এবং পাসওয়ার্ডের জন্য লেবেল যুক্ত করতে, আপনাকে আপনার স্ক্রিনের নীচের ডানদিকে বাক্সে যেতে হবে, এটিতে একটি বর্গক্ষেত্রযুক্ত বৃত্তটি নির্বাচন করতে হবে এবং আপনার ভিউতে দুটি লেবেল টেনে নিয়ে যেতে হবে। পাশের বারে পছন্দগুলি পছন্দ করে, আপনি অনেকগুলি গুরুত্বপূর্ণ পরামিতি নির্দিষ্ট করতে পারেন। অতিক্রম করার মতো অনেকগুলি রয়েছে তবে বেশিরভাগ স্ব-ব্যাখ্যামূলক।

আমাদের জন্য দুটি গুরুত্বপূর্ণ প্লেসহোল্ডার পাঠ্য এবং সুরক্ষিত পাঠ্য এন্ট্রি চেকবক্স। আমরা তাদের কাছে কী তথ্য প্রয়োজন তা ব্যবহারকারীকে জানাতে এবং স্থানান্তরকারী পাঠ্যটি ব্যবহারকারীর পাসওয়ার্ডটি প্রদর্শন থেকে আড়াল করতে নিরাপদ এন্ট্রি ব্যবহার করতে চাই। এটি সম্পন্ন করার পরে, আমাদের সিগুটি ট্রিগার করার জন্য আমাদের একটি বোতামের প্রয়োজন। আমরা টেক্সট ক্ষেত্রের মতো করে একইভাবে একটি টেনে আনতে পারি। আপনি বোতামটি একটি শিরোনাম দেওয়ার পরে এবং পর্দায় আপনার জিনিসগুলি সাজানোর পরে এটি দেখতে হবে:

এখন আমাদের অ্যাপ্লিকেশনটির প্রথম স্ক্রিনটি সম্পন্ন হয়েছে যাতে রূপান্তর করতে আমাদের আরও একটি তৈরি করা প্রয়োজন। স্ক্রিনে দ্বিতীয় দর্শন নিয়ামকটিকে টেনে এনে এটি করুন। দুটি পর্দা সংযোগ করতে আপনাকে অবশ্যই দুটি কাজ করতে হবে। প্রথমে আপনাকে বোতামটি ক্লিক করতে হবে এবং আপনার যুক্ত হওয়া নতুন স্ক্রিনে এটিকে টেনে আনতে হবে। এরপরে আপনাকে দুটি দর্শনগুলির মধ্যে বৃত্তটি নির্বাচন করতে হবে। তারপরে আপনাকে সিগকে আইডেন্টিফায়ার পরিবর্তন করতে হবে; এই উদাহরণের জন্য আমি 'পরের স্ক্রিন' ব্যবহার করব

শেষ অবধি, আমরা নতুন স্ক্রিনে একটি লেবেল রাখব যাতে আমরা ব্যবহারকারীকে দেখতে পারি এবং আমাদের অ্যাপটি কাজ করে কিনা তা দেখতে পারা যায়। প্রোগ্রামগতভাবে স্টোরিবোর্ড থেকে ক্ষেত্রগুলি অ্যাক্সেস করতে সক্ষম হওয়ার জন্য, আমাদের ক্লাসে তাদের জন্য এমন আউটলেট তৈরি করতে হবে যা তাদের মতো ব্যবহার করে:

ক্লাস ফার্স্টস্ক্রিন: ইউআইভিউকন্ট্রোলার {

@ আইবিআউটলেট দুর্বল ভেরি ব্যবহারকারীর নাম: ইউআইটিেক্সটফিল্ড!
@ আইবিএ ফাংশন লগইন বাটন (প্রেরক: যেকোনওজেক্ট) {
perfromSegueWithIdentifier ('পরের স্ক্রিন', প্রেরক: স্ব)
}
}

দ্বিতীয় শ্রেণীর স্ক্রিন: ইউআইভিউকন্ট্রোলার {
var ব্যবহারকারী: স্ট্রিং!
@ আইবিআউটলেট দুর্বল ভেরি ব্যবহারকারীর নাম: ইউিলাবেল!

ওভাররাইড ফানক ভিউডিডলোড () {
ব্যবহারকারীর নাম। পাঠ্য = ব্যবহারকারী
}
}

এটি সম্পন্ন হওয়ার পরে প্রতিটি পর্দার সংযোগ পরিদর্শক ব্যবহার করে স্টোরিবোর্ড থেকে অবজেক্টগুলিকে লিঙ্ক করার বিষয়টি নিশ্চিত করুন। আপনার আউটলেটগুলি প্রদর্শিত হবে এবং তাদের লিঙ্ক করতে আপনি তাদের ডানদিকের চেনাশোনাটিতে ক্লিক করতে পারেন।

বাস্তবায়িত করা শেষ ফাংশনটি হ'ল প্রথম স্ক্রিনের শ্রেণিতে রেফারফেরসেইগ ফাংশন। এটি আপনাকে নতুন ভিউতে এমনভাবে ডেটা পাঠাতে দেয়:

ওভাররাইড মজাদার রেফারেন্সফরসিগ (নিম্নলিখিত: UIStoryboard ফলো, প্রেরক: AnyObject?) {
যদি সেগ.অনডেফায়ার == 'নেক্সটস্ক্রিন'
ডেসটভিসি = চালিয়ে যান est ইউটিউভিউ কনট্রোলার হিসাবে অবিরতভিউকন্ট্রোলার
destVC.user = self.username
}
}

এখন আপনার কাছে কীভাবে পর্দা পরিবর্তন করবেন এবং তাদের মধ্যে ডেটা পাস করবেন তার একটি প্রাথমিক ধারণা। এটি আপনাকে কার্যকরী অ্যাপ্লিকেশনগুলি তৈরি করতে একটি ভাল সূচনা দেবে, শুভ প্রোগ্রামিং!