Storyboardovi su programerima prvi put predstavljeni u izdanju iOS-a 5. Oni programeru pomažu u dizajniranju sučelja svakog zaslona u drugoj datoteci. Storyboard vam omogućuje da vidite konceptualni model vaše aplikacije u cjelini i interakcije između svakog zaslona. Koristeći segue, možete postaviti način na koji će se aplikacija prebacivati između zadanih zaslona i prenositi podatke. U ovom uputstvu pokazat ću vam kako napraviti jednostavan zaslon za prijavu za aplikaciju.
Početak rada
Prvo što ćete željeti je napraviti novi projekt. Trebat će vam nova aplikacija za jedan zaslon koja jezik postavlja na Swift, a uređaje na univerzalni. Ako prijeđete na ploču priča, trebali biste vidjeti praznu scenu kontrolera prikaza. Strelica na lijevoj strani kontrolera prikaza označava da je to korijenski kontroler.
Da biste dodali oznake za korisničko ime i lozinku, morate otići do okvira u donjem desnom dijelu zaslona, odabrati krug s kvadratom u njemu i povući i ispustiti dvije oznake na svoj prikaz. Odabirom postavki na bočnoj traci možete odrediti mnoge važne parametre. Previše ih je da se pređe, ali većina je sama po sebi razumljiva.
Dvije važne za nas su tekst rezerviranog mjesta i potvrdni okvir sigurnog unosa teksta. Želimo upotrijebiti tekst rezerviranog mjesta kako bismo korisnika obavijestili koje se informacije od njega traže i siguran ulazak kako bismo sakrili korisničku lozinku od prikazivanja. Nakon što to učinimo, potreban nam je gumb kako bismo pokrenuli našu segu. Možemo ga povući na isti način kao i tekstualno polje. Nakon što ste gumbu dali naslov i rasporedili svoje objekte na zaslonu, trebali bi izgledati ovako:
Sada je naš prvi zaslon aplikacije gotov, pa moramo napraviti još jedan na koji ćemo prijeći. Učinite to tako da povučete na zaslon drugi kontroler prikaza. Da biste povezali dva zaslona, morate učiniti dvije stvari. Prvo ćete morati kontrolirati klik na gumb i povući ga na novi zaslon koji ste dodali. Dalje ćete morati odabrati krug između dva prikaza. Tada ćete morati promijeniti identifikator u segue; za ovaj primjer upotrijebit ću “nextScreen”
I na kraju, na novi ćemo zaslon staviti oznaku kako bismo mogli pregledati korisnika i vidjeti funkcionira li naša aplikacija. Da bismo mogli programski pristupiti poljima iz storyboarda, morat ćemo za njih stvoriti prodajna mjesta u klasi koja ih tako koristi:
klasa FirstScreen: UIViewController {
@IBOutlet slabo korisničko ime: UITextField!
@IBAction func loginButton (pošiljatelj: AnyObject) {
perfromSegueWithIdentifier (“nextScreen”, pošiljatelj: self)
}
}
klasa SecondScreen: UIViewController {
var korisnik: Niz!
@IBOutlet slabo var korisničko ime: UILabel!
nadjačati funkc viewDidload () {
username.text = korisnik
}
}
Nakon što to napravite, obavezno povežite objekte sa storyboarda pomoću inspektora veza na svakom zaslonu. Vaša bi se prodajna mjesta trebala pojaviti i možete kliknuti krug s desne strane da biste ih povezali.
Posljednja funkcija koja se treba implementirati je pripremaForSegue funkcija u klasi prvog zaslona. To vam omogućuje prijenos podataka u novi prikaz na sljedeći način:
nadjačati zabavnu pripremuForSegue (slijedi: UIStoryboardFollow, pošiljatelj: AnyObject?) {
if segue.identifier == “nextScreen” {
neka destVC = nastavlja.destinationViewController kao UIViewController
destVC.user = self.username
}
}
Sada imate osnovno razumijevanje kako promijeniti zaslone i prenijeti podatke između njih. Ovo će vam dati dobar početak izrade funkcionalnih aplikacija, sretnog programiranja!
2 minute čitanja
