Storyboard-urile au fost introduse pentru prima dată dezvoltatorilor în versiunea iOS 5. Ele îi scutesc dezvoltatorului de problemele legate de proiectarea interfeței fiecărui ecran într-un fișier diferit. Storyboard-ul vă permite să vedeți macheta conceptuală a aplicației în ansamblu și interacțiunile dintre fiecare ecran. Folosind urmări, puteți stabili modul în care aplicația va trece între ecranele date și va transmite date. În acest tutorial, vă voi arăta cum să creați un ecran simplu de conectare pentru o aplicație.
Noțiuni de bază
Primul lucru pe care vrei să-l faci este să faci un proiect nou. Veți dori o nouă aplicație cu ecran unic, care să seteze limba Swift și dispozitivele la universal. Dacă navigați la storyboard, ar trebui să vedeți o scenă goală a controlerului de vizualizare. Săgeata din partea stângă a controlerului de vizualizare indică faptul că este controlerul rădăcină.
Pentru a adăuga etichete pentru numele de utilizator și parola, trebuie să accesați caseta din partea dreaptă jos a ecranului, să selectați cercul cu un pătrat și să glisați și să fixați două etichete pe ecran. Alegând preferințele din bara laterală, puteți specifica mulți parametri importanți. Sunt prea multe pentru a trece peste, dar majoritatea se explică de la sine.
Cele două importante pentru noi sunt textul substituent și caseta de selectare pentru introducerea textului securizat. Vrem să folosim textul substituent pentru a informa utilizatorul despre ce informații i se solicită și despre intrarea sigură pentru a ascunde parola utilizatorului de la afișare. După ce se face acest lucru, avem nevoie de un buton pentru a ne declanșa continuarea. Putem trage unul în același mod în care am făcut un câmp text. După ce ați dat butonului un titlu și ați aranjat obiectele pe ecran ar trebui să arate astfel:
Acum, primul nostru ecran al aplicației este finalizat, așa că trebuie să facem altul spre care să trecem. Faceți acest lucru trăgând pe ecran un al doilea controler de vizualizare. Pentru a conecta cele două ecrane trebuie să faceți două lucruri. Mai întâi va trebui să controlați clic pe buton și să-l trageți pe noul ecran pe care l-ați adăugat. Apoi, va trebui să selectați cercul dintre cele două vizualizări. Va trebui apoi să schimbați identificatorul în segue; pentru acest exemplu voi folosi „nextScreen”
În cele din urmă, vom pune o etichetă pe noul ecran, astfel încât să putem vizualiza utilizatorul și să vedem dacă aplicația noastră funcționează. Pentru a putea accesa câmpurile din storyboard-ul programat, va trebui să le creăm prize în clasa care le folosește astfel:
clasa FirstScreen: UIViewController {
@IBOutlet nume de utilizator var slab: UITextField!
@IBAction func loginButton (expeditor: AnyObject) {
perfromSegueWithIdentifier („nextScreen”, expeditor: auto)
}
}
clasa SecondScreen: UIViewController {
var utilizator: Șir!
@IBOutlet nume de utilizator var slab: UILabel!
suprascrie func viewDidload () {
username.text = utilizator
}
}
După ce faceți acest lucru, asigurați-vă că legați obiectele din storyboard folosind inspectorul de conexiuni al fiecărui ecran. Punctele dvs. de vânzare ar trebui să apară și puteți face clic pe cercul din dreapta acestora pentru a le conecta.
Ultima funcție care trebuie implementată este funcția prepareForSegue din clasa primului ecran. Acest lucru vă permite să transmiteți datele către noua vizualizare astfel:
suprascrie distracția prepareForSegue (urmează: UIStoryboardFollow, expeditor: AnyObject?) {
if segue.identifier == „nextScreen” {
să destVC = continues.destinationViewController ca UIViewController
destVC.user = nume de utilizator propriu
}
}
Acum aveți o înțelegere de bază despre cum să schimbați ecranele și să transmiteți date între ele. Acest lucru vă va oferi un început bun în crearea de aplicații funcționale, programare fericită!
2 minute citite
