స్టోరీబోర్డులను మొదట iOS 5 విడుదలలో డెవలపర్లకు పరిచయం చేశారు. ప్రతి స్క్రీన్ ఇంటర్ఫేస్ను వేరే ఫైల్లో రూపకల్పన చేయడంలో ఇబ్బందిని వారు డెవలపర్కు సేవ్ చేస్తారు. స్టోరీబోర్డ్ మీ అనువర్తనం యొక్క సంభావిత మోకాప్ మరియు ప్రతి స్క్రీన్ మధ్య పరస్పర చర్యలను చూడటానికి మిమ్మల్ని అనుమతిస్తుంది. సెగ్లను ఉపయోగించి, ఇచ్చిన స్క్రీన్ల మధ్య అనువర్తనం ఎలా మారుతుందో మీరు సెట్ చేయగలుగుతారు మరియు డేటాను పాస్ చేస్తారు. ఈ ట్యుటోరియల్లో, అనువర్తనం కోసం సాధారణ లాగిన్ స్క్రీన్ను ఎలా తయారు చేయాలో నేను మీకు చూపిస్తాను.
మొదలు అవుతున్న
మీరు చేయాలనుకుంటున్న మొదటి విషయం క్రొత్త ప్రాజెక్ట్. మీరు కొత్త సింగిల్ స్క్రీన్ అప్లికేషన్ను భాషను స్విఫ్ట్కు మరియు పరికరాలను సార్వత్రికంగా సెట్ చేయాలనుకుంటున్నారు. మీరు స్టోరీబోర్డ్కు నావిగేట్ చేస్తే మీరు ఖాళీ వీక్షణ నియంత్రిక దృశ్యాన్ని చూడాలి. వ్యూ కంట్రోలర్ యొక్క ఎడమ వైపున ఉన్న బాణం అది రూట్ కంట్రోలర్ అని సూచిస్తుంది.
వినియోగదారు పేరు మరియు పాస్వర్డ్ కోసం లేబుల్లను జోడించడానికి, మీరు మీ స్క్రీన్ దిగువ కుడి వైపున ఉన్న పెట్టెకు వెళ్లి, దానిలో ఒక చదరపుతో ఉన్న సర్కిల్ను ఎంచుకుని, మీ వీక్షణపై రెండు లేబుల్లను లాగండి మరియు వదలాలి. సైడ్ బార్లో ప్రాధాన్యతలను ఎంచుకోవడం ద్వారా, మీరు చాలా ముఖ్యమైన పారామితులను పేర్కొనవచ్చు. వెళ్ళడానికి చాలా ఉన్నాయి కానీ చాలావరకు స్వీయ వివరణాత్మకమైనవి.
మాకు రెండు ముఖ్యమైనవి ప్లేస్హోల్డర్ టెక్స్ట్ మరియు సురక్షిత టెక్స్ట్ ఎంట్రీ చెక్బాక్స్. వాటిలో ఏ సమాచారం అవసరమో వినియోగదారుకు తెలియజేయడానికి ప్లేస్హోల్డర్ టెక్స్ట్ని ఉపయోగించాలనుకుంటున్నాము మరియు యూజర్ పాస్వర్డ్ చూపించకుండా దాచడానికి సురక్షిత ఎంట్రీ. ఇది పూర్తయిన తర్వాత, మన సెగ్ను ప్రేరేపించడానికి మాకు ఒక బటన్ అవసరం. మేము టెక్స్ట్ ఫీల్డ్ చేసిన విధంగానే ఒకదాన్ని లాగవచ్చు. మీరు బటన్కు శీర్షిక ఇచ్చి, తెరపై మీ వస్తువులను అమర్చిన తర్వాత ఇలా ఉండాలి:
ఇప్పుడు అనువర్తనం యొక్క మా మొదటి స్క్రీన్ పూర్తయింది, కాబట్టి మనం మరొకదాన్ని మార్చడానికి అవసరం. రెండవ వీక్షణ నియంత్రికను తెరపైకి లాగడం ద్వారా దీన్ని చేయండి. రెండు స్క్రీన్లను కనెక్ట్ చేయడానికి మీరు రెండు పనులు చేయాలి. మొదట మీరు బటన్పై క్లిక్ చేసి, మీరు జోడించిన క్రొత్త స్క్రీన్కు లాగాలి. తరువాత మీరు రెండు వీక్షణల మధ్య సర్కిల్ని ఎంచుకోవాలి. మీరు ఐడెంటిఫైయర్ను సెగ్కు మార్చాలి; ఈ ఉదాహరణ కోసం నేను “నెక్స్ట్ స్క్రీన్” ని ఉపయోగిస్తాను
చివరగా, మేము క్రొత్త స్క్రీన్పై ఒక లేబుల్ని ఉంచుతాము, తద్వారా వినియోగదారుని చూడవచ్చు మరియు మా అనువర్తనం పనిచేస్తుందో లేదో చూడవచ్చు. ప్రోగ్రామిక్గా స్టోరీబోర్డ్ నుండి ఫీల్డ్లను యాక్సెస్ చేయగలిగేలా చేయడానికి, తరగతిలో వాటి కోసం అవుట్లెట్లను సృష్టించాలి.
తరగతి ఫస్ట్స్క్రీన్: UIViewController {
@IBOutlet బలహీనమైన var వినియోగదారు పేరు: UITextField!
BIBAction func loginButton (పంపినవారు: AnyObject) {
perfromSegueWithIdentifier (“nextScreen”, పంపినవారు: స్వయం)
}
}
క్లాస్ సెకండ్స్క్రీన్: UIViewController {
var వినియోగదారు: స్ట్రింగ్!
@IBOutlet బలహీనమైన var వినియోగదారు పేరు: UILabel!
ఫంక్ వ్యూ డిడ్లోడ్ () ను ఓవర్రైడ్ చేయండి
username.text = వినియోగదారు
}
}
ఇది పూర్తయిన తర్వాత ప్రతి స్క్రీన్ యొక్క కనెక్షన్ ఇన్స్పెక్టర్ ఉపయోగించి స్టోరీబోర్డ్ నుండి వస్తువులను లింక్ చేయాలని నిర్ధారించుకోండి. మీ అవుట్లెట్లు కనిపిస్తాయి మరియు వాటిని లింక్ చేయడానికి మీరు వాటి కుడి వైపున ఉన్న సర్కిల్ను క్లిక్ చేయవచ్చు.
అమలు చేయవలసిన చివరి ఫంక్షన్ మొదటి స్క్రీన్ క్లాస్లో ప్రిపరేషన్ఫోర్సెగ్ ఫంక్షన్. డేటాను క్రొత్త వీక్షణకు పంపించడానికి ఇది మిమ్మల్ని అనుమతిస్తుంది:
సరదాగా తయారుచేయండి ఓవర్రైడ్ (క్రింది: UIStoryboardFollow, పంపినవారు: AnyObject?) {
segue.identifier == “nextScreen” if అయితే
destVC = continue.destinationViewController ని UIViewController గా అనుమతించండి
destVC.user = self.username
}
}
స్క్రీన్లను ఎలా మార్చాలో మరియు వాటి మధ్య డేటాను ఎలా పాస్ చేయాలో ఇప్పుడు మీకు ప్రాథమిక అవగాహన ఉంది. ఫంక్షనల్ అనువర్తనాలు, హ్యాపీ ప్రోగ్రామింగ్ తయారీకి ఇది మీకు మంచి ప్రారంభాన్ని ఇస్తుంది!
2 నిమిషాలు చదవండి