Storyboard za iOS razvoj

Storyboards so bili razvijalcem prvič predstavljeni v izdaji sistema iOS 5. Razvijalcu prihranijo težave pri oblikovanju vmesnika vsakega zaslona v drugi datoteki. Snemalna knjiga vam omogoča, da vidite konceptualni model vaše aplikacije kot celote in interakcije med posameznimi zasloni. Z uporabo segumov lahko nastavite, kako bo aplikacija prehajala med danimi zasloni in prenašala podatke. V tej vadnici vam bom pokazal, kako naredite preprost zaslon za prijavo za aplikacijo.

Kako začeti

Prva stvar, ki jo boste želeli, je narediti nov projekt. Želeli boste novo aplikacijo za en zaslon, ki bo jezik nastavila na Swift, naprave pa na univerzalni. Če se pomaknete do snemalne knjige, boste videli prazno sceno krmilnika pogleda. Puščica na levi strani krmilnika pogleda kaže, da je korenski krmilnik.

Če želite dodati oznake za uporabniško ime in geslo, pojdite v polje v spodnjem desnem kotu zaslona, ​​izberite krog s kvadratom in povlecite in spustite dve nalepki na svoj pogled. Z izbiro nastavitev v stranski vrstici lahko določite številne pomembne parametre. Preveč jih je, da bi šli čez, večina pa jih je samoumevnih.

Za nas sta pomembna besedilo ograde in potrditveno polje za varen vnos besedila. Z besedilom nadomestnih znakov želimo uporabnika seznaniti, katere informacije se od njega zahtevajo, in varnim vnosom, da skrijemo uporabnikovo geslo pred prikazom. Ko je to storjeno, potrebujemo gumb, da sprožimo našo segato. Enega lahko povlečemo na enak način kot besedilno polje. Ko ste gumbu dali naslov in razporedili svoje predmete na zaslonu, naj bodo videti tako:

Zdaj je končan naš prvi zaslon aplikacije, zato moramo narediti še enega, na katerega bomo prešli. To naredite tako, da na zaslon povlečete drugi krmilnik pogleda. Če želite povezati dva zaslona, ​​morate narediti dve stvari. Najprej boste morali nadzorovati klik na gumb in ga povleciti na nov zaslon, ki ste ga dodali. Nato boste morali izbrati krog med obema pogledoma. Nato boste morali identifikator spremeniti v segue; za ta primer bom uporabil “nextScreen”

Nazadnje bomo na nov zaslon postavili oznako, da bomo lahko videli uporabnika in videli, ali naša aplikacija deluje. Da bomo lahko programsko dostopali do polj iz snemalne knjige, jim bomo morali ustvariti prodajna mesta v razredu, ki jih uporablja tako:

razred FirstScreen: UIViewController {

@IBOutlet šibko var uporabniško ime: UITextField!
@IBAction func loginButton (pošiljatelj: AnyObject) {
perfromSegueWithIdentifier (“nextScreen”, pošiljatelj: self)
}
}

razred SecondScreen: UIViewController {
uporabnik var: Niz!
@IBOutlet šibko var uporabniško ime: UILabel!

preglasiti funkc viewDidload () {
username.text = uporabnik
}
}

Po tem obvezno povežite predmete s snemalne knjige s pomočjo inšpektorja povezav vsakega zaslona. Prikazala bi se vaša prodajna mesta in lahko kliknete krog na desni strani, da jih povežete.

Zadnja funkcija, ki jo je treba implementirati, je pripravaForSegue v razredu prvega zaslona. To vam omogoča, da podatke v novi pogled posredujete tako:

preglasiti zabavno pripravoForSegue (sledi: UIStoryboardFollow, pošiljatelj: AnyObject?) {
if segue.identifier == “nextScreen” {
naj destVC = continue.destinationViewController kot UIViewController
destVC.user = self.username
}
}

Zdaj imate osnovno razumevanje, kako spremeniti zaslone in prenašati podatke med njimi. To vam bo omogočilo dober začetek izdelave funkcionalnih aplikacij, veselo programiranje!