ஸ்டோரிபோர்டுகள் முதலில் டெவலப்பர்களுக்கு iOS 5 வெளியீட்டில் அறிமுகப்படுத்தப்பட்டன. அவை ஒவ்வொரு திரையின் இடைமுகத்தையும் வேறு கோப்பில் வடிவமைப்பதில் உள்ள சிக்கலை டெவலப்பருக்கு சேமிக்கின்றன. உங்கள் பயன்பாட்டின் கருத்தியல் மொக்கப் மற்றும் ஒவ்வொரு திரைக்கும் இடையிலான தொடர்புகளைப் பார்க்க ஸ்டோரிபோர்டு உங்களை அனுமதிக்கிறது. பிரிவுகளைப் பயன்படுத்தி, கொடுக்கப்பட்ட திரைகளுக்கும் தரவையும் கடந்து செல்லும் பயன்பாட்டை எவ்வாறு மாற்றலாம் என்பதை நீங்கள் அமைக்க முடியும். இந்த டுடோரியலில், பயன்பாட்டிற்கான எளிய உள்நுழைவுத் திரையை எவ்வாறு உருவாக்குவது என்பதைக் காண்பிப்பேன்.
தொடங்குதல்
நீங்கள் செய்ய விரும்பும் முதல் விஷயம் ஒரு புதிய திட்டத்தை உருவாக்குவதுதான். மொழியை ஸ்விஃப்ட் மற்றும் சாதனங்களை உலகளாவியதாக அமைக்கும் புதிய ஒற்றை திரை பயன்பாடு வேண்டும். நீங்கள் ஸ்டோரிபோர்டுக்குச் சென்றால் வெற்று காட்சி கட்டுப்பாட்டு காட்சியைக் காண வேண்டும். பார்வைக் கட்டுப்படுத்தியின் இடது பக்கத்தில் உள்ள அம்பு அது ரூட் கன்ட்ரோலர் என்பதைக் குறிக்கிறது.
பயனர் பெயர் மற்றும் கடவுச்சொல்லுக்கு லேபிள்களைச் சேர்க்க, உங்கள் திரையின் கீழ் வலதுபுறத்தில் உள்ள பெட்டியில் சென்று, அதில் ஒரு சதுரத்துடன் வட்டத்தைத் தேர்ந்தெடுத்து, இரண்டு லேபிள்களை உங்கள் பார்வைக்கு இழுத்து விடுங்கள். பக்க பட்டியில் விருப்பத்தேர்வுகளைத் தேர்ந்தெடுப்பதன் மூலம், நீங்கள் பல முக்கியமான அளவுருக்களைக் குறிப்பிடலாம். செல்ல நிறைய உள்ளன, ஆனால் பெரும்பாலானவை சுய விளக்கமளிக்கும்.
எங்களுக்கு இரண்டு முக்கியமானவை ஒதுக்கிட உரை மற்றும் பாதுகாப்பான உரை நுழைவு தேர்வுப்பெட்டி. அவற்றில் என்ன தகவல் தேவை என்பதை பயனருக்குத் தெரியப்படுத்த, பயனரின் கடவுச்சொல்லைக் காண்பிப்பதை மறைக்க பாதுகாப்பான நுழைவு என்பதை நாங்கள் வைத்திருக்க ஒதுக்கிட உரையைப் பயன்படுத்த விரும்புகிறோம். இது முடிந்த பிறகு, எங்கள் சீகுவைத் தூண்டுவதற்கு எங்களுக்கு ஒரு பொத்தான் தேவை. நாம் ஒரு உரை புலத்தை செய்ததைப் போலவே ஒன்றை இழுக்கலாம். நீங்கள் பொத்தானை ஒரு தலைப்பைக் கொடுத்து, திரையில் உங்கள் பொருள்களை ஏற்பாடு செய்த பிறகு இதுபோன்று இருக்க வேண்டும்:
இப்போது பயன்பாட்டின் முதல் திரை முடிந்துவிட்டது, எனவே மாற்றுவதற்கு இன்னொன்றை உருவாக்க வேண்டும். இரண்டாவது பார்வைக் கட்டுப்படுத்தியை திரையில் இழுப்பதன் மூலம் இதைச் செய்யுங்கள். இரண்டு திரைகளையும் இணைக்க நீங்கள் இரண்டு விஷயங்களைச் செய்ய வேண்டும். முதலில் நீங்கள் பொத்தானைக் கிளிக் செய்வதைக் கட்டுப்படுத்த வேண்டும் மற்றும் நீங்கள் சேர்த்த புதிய திரைக்கு இழுக்க வேண்டும். அடுத்து நீங்கள் இரண்டு பார்வைகளுக்கு இடையில் வட்டத்தைத் தேர்ந்தெடுக்க வேண்டும். நீங்கள் அடையாளங்காட்டியை செகுவுக்கு மாற்ற வேண்டும்; இந்த எடுத்துக்காட்டுக்கு நான் “nextScreen” ஐப் பயன்படுத்துவேன்
கடைசியாக, புதிய திரையில் ஒரு லேபிளை வைப்போம், இதன் மூலம் பயனரைக் காணலாம் மற்றும் எங்கள் பயன்பாடு செயல்படுகிறதா என்று பார்க்கலாம். ஸ்டோரிபோர்டிலிருந்து புலங்களை நிரல் ரீதியாக அணுகுவதற்கு, வகுப்பில் அவர்களுக்காக விற்பனை நிலையங்களை உருவாக்க வேண்டும்.
வகுப்பு முதல் திரை: UIViewController {
@IBOutlet பலவீனமான var பயனர்பெயர்: UITextField!
BIBAction func loginButton (அனுப்புநர்: AnyObject) {
perfromSegueWithIdentifier (“nextScreen”, அனுப்புநர்: சுய)
}
}
வகுப்பு இரண்டாம் திரை: UIViewController {
var பயனர்: சரம்!
@IBOutlet பலவீனமான var பயனர்பெயர்: UILabel!
func viewDidload () ஐ மீறவும் {
username.text = பயனர்
}
}
இது முடிந்ததும், ஒவ்வொரு திரையின் இணைப்பு ஆய்வாளரைப் பயன்படுத்தி ஸ்டோரிபோர்டிலிருந்து பொருட்களை இணைக்க உறுதிசெய்க. உங்கள் விற்பனை நிலையங்கள் காண்பிக்கப்பட வேண்டும், அவற்றை இணைக்க அவற்றின் வலதுபுறத்தில் உள்ள வட்டத்தை கிளிக் செய்யலாம்.
செயல்படுத்தப்பட வேண்டிய கடைசி செயல்பாடு முதல் திரையின் வகுப்பில் தயாரித்தல் ஃபோர்சீக் செயல்பாடு ஆகும். இது போன்ற புதிய பார்வைக்கு தரவை அனுப்ப இது உங்களை அனுமதிக்கிறது:
வேடிக்கையான தயாரிப்புகளை மேலெழுதவும் (பின்வருமாறு: UIStoryboardFollow, அனுப்புநர்: AnyObject?) {
segue.identifier == “nextScreen” if என்றால்
destVC = continue.destinationViewController ஐ UIViewController ஆக விடுங்கள்
destVC.user = self.username
}
}
திரைகளை எவ்வாறு மாற்றுவது மற்றும் அவற்றுக்கிடையே தரவை எவ்வாறு அனுப்புவது என்பது குறித்த அடிப்படை புரிதல் இப்போது உங்களுக்கு உள்ளது. செயல்பாட்டு பயன்பாடுகளை உருவாக்குவதில் இது ஒரு நல்ல தொடக்கத்தை உங்களுக்கு வழங்கும், மகிழ்ச்சியான நிரலாக்க!
2 நிமிடங்கள் படித்தேன்
