Süžeeskeeme tutvustati arendajatele esmakordselt iOS 5 väljaandmisel. Need säästavad arendaja vaeva iga ekraani liidese kujundamisel erinevas failis. Süžeeskeem võimaldab teil vaadata oma rakenduse kui terviku kontseptuaalset maketti ja iga ekraani vastastikuseid mõjusid. Segmente kasutades saate määrata, kuidas rakendus antud ekraanide vahel üle läheb ja andmeid edasi edastab. Selles õpetuses näitan teile, kuidas rakenduse jaoks lihtsat sisselogimisekraani teha.
Alustamine
Esimene asi, mida kavatsete teha, on uue projekti tegemine. Soovite uut ühe ekraaniga rakendust, mis määraks keele Swiftiks ja seadmed universaalseks. Kui sirvite süžeeskeemi, peaksite nägema tühja vaate juhtseadet. Vaade regulaatori vasakul küljel olev nool näitab, et see on juurkontroller.
Kasutajanime ja parooli siltide lisamiseks peate minema ekraani paremas alanurgas asuvasse kasti, valima ringi, milles on ruut, ja lohistama kaks silti oma vaatele. Valides külgribal eelistused, saate määrata palju olulisi parameetreid. Liiga palju on üle minna, kuid enamik neist on enesestmõistetavad.
Kaks meie jaoks olulist on kohatäite tekst ja turvalise tekstisisestuse märkeruut. Soovime kasutada kohatäiteteksti, et anda kasutajale teada, millist teavet temalt nõutakse, ja turvalist sisestust, et varjata kasutaja parooli. Kui see on tehtud, vajame oma segu käivitamiseks nuppu. Saame seda lohistada samal viisil, nagu tegime tekstivälja. Kui olete nupule pealkirja andnud ja objektid ekraanil korraldanud, peaksid need välja nägema:
Nüüd on meie esimene rakenduse ekraan tehtud, nii et peame üleminekuks veel ühe tegema. Selleks lohistage ekraanile teine vaate kontroller. Kahe ekraani ühendamiseks peate tegema kahte asja. Kõigepealt peate juhtima nupul klõpsamist ja lohistama selle lisatud ekraanile. Järgmisena peate valima ringi kahe vaate vahel. Seejärel peate muutma identifikaatori segmeks; selle näite jaoks kasutan ma 'nextScreen'
Lõpuks paneme uuele ekraanile sildi, et saaksime kasutajat vaadata ja vaadata, kas meie rakendus töötab. Salvestuspildilt programmiliselt väljadele juurde pääsemiseks peame looma neile väljundid klassis, mis neid nii kasutab:
klassi FirstScreen: UIViewController {
@IBOutleti nõrk var kasutajanimi: UITextField!
@IBAction func loginButton (saatja: AnyObject) {
perfromSegueWithIdentifier (“nextScreen”, saatja: ise)
}
}
klass SecondScreen: UIViewController {
var kasutaja: String!
@IBOutleti nõrk var kasutajanimi: UILabel!
alista funktsiooni viewDidload () {
kasutajanimi.text = kasutaja
}
}
Kui see on tehtud, linkige objektid süžeeskeemilt, kasutades iga ekraani ühenduste inspektorit. Teie müügikohad peaksid ilmuma ja saate linkimiseks klõpsata neist paremal oleval ringil.
Viimane rakendatav funktsioon on esimese ekraaniklassi funktsioon PreparForSegue. See võimaldab teil andmeid uude vaatesse edastada järgmiselt:
tühistada lõbus preparForSegue (järgmine: UIStoryboardFollow, saatja: AnyObject?) {
kui segue.identifier == “järgmine ekraan” {
olgu destVC = jätkub.destinationViewController kui UIViewController
destVC.user = ise.kasutajanimi
}
}
Nüüd on teil põhitõde ekraanide muutmise ja nende vahel andmete edastamise kohta. See annab teile hea alguse funktsionaalsete rakenduste loomiseks, õnnelikuks programmeerimiseks!
2 minutit loetud
