A forgatókönyveket először az iOS 5 kiadásában mutatták be a fejlesztőknek. Megtakarítják a fejlesztőt a fáradságtól, hogy az egyes képernyők felületeit külön fájlba tervezzék. A forgatókönyv lehetővé teszi, hogy megnézze az alkalmazás egészének fogalmi makettjét és az egyes képernyők közötti kölcsönhatásokat. A szegmensek használatával beállíthatja, hogy az alkalmazás hogyan lépjen át az adott képernyők között, és továbbítsa az adatokat. Ebben az oktatóanyagban megmutatom, hogyan készíthet egyszerű bejelentkezési képernyőt egy alkalmazáshoz.
Elkezdeni
Az első dolog, amit meg akarsz tenni, egy új projekt elkészítése. Szüksége lesz egy új, egy képernyős alkalmazásra, amely a nyelvet Swift-re és az eszközöket univerzálisra állítja. Ha a storyboardra navigál, akkor egy üres nézetvezérlő jelenetet kell látnia. A nézetvezérlő bal oldalán található nyíl azt jelzi, hogy ez a gyökérvezérlő.
A felhasználói név és jelszó címkéinek hozzáadásához lépjen a képernyő jobb alsó sarkában lévő mezőbe, válassza ki a négyzetet tartalmazó kört, és húzza két címkét a nézetére. Az oldalsávon található beállítások kiválasztásával számos fontos paramétert adhat meg. Túl sok van, amin át lehetne menni, de a legtöbb önmaga megmagyarázza.
A két fontos számunkra a helyőrző szöveg és a biztonságos szövegbevitel jelölőnégyzet. Helyőrző szöveggel szeretnénk tájékoztatni a felhasználót arról, hogy milyen információkra van szükség tőlük, és a biztonságos bejegyzéssel, hogy elrejtse a felhasználó jelszavát. Miután ez megtörtént, szükségünk van egy gombra a szegmensünk elindításához. Húzhatunk egyet ugyanúgy, mint egy szövegmezőt. Miután megadta a gomb nevét és elrendezte az objektumokat a képernyőn, a következőképpen kell kinéznie:
Most elkészült az alkalmazás első képernyője, ezért át kell állítanunk egy újabbat. Ehhez húzza a képernyőn egy második nézetvezérlőt. A két képernyő összekapcsolásához két dolgot kell tennie. Először ellenőriznie kell a gombra kattintást, és húzza az új hozzáadott képernyőre. Ezután ki kell választania a kört a két nézet között. Ezután meg kell változtatnia az azonosítót szegmensre; ebben a példában a „nextScreen” -t fogom használni
Végül felhelyezünk egy címkét az új képernyőre, hogy megtekinthessük a felhasználót, és megnézhessük, működik-e az alkalmazásunk. Annak érdekében, hogy programozottan hozzáférhessünk a mezőkhöz a storyboardról, létre kell hoznunk a piacokat az osztály számára, amely így használja őket:
class FirstScreen: UIViewController {
@IBOutlet gyenge var felhasználónév: UITextField!
@IBAction func loginButton (feladó: AnyObject) {
perfromSegueWithIdentifier („nextScreen”, feladó: self)
}
}
class SecondScreen: UIViewController {
var felhasználó: String!
@IBOutlet gyenge var felhasználónév: UILabel!
felülbírálja a func viewDidload () {
felhasználónév.text = felhasználó
}
}
Ezt követően győződjön meg arról, hogy az egyes képernyők kapcsolatellenőrzőjével összekapcsolja az objektumokat a storyboardból. Meg kell jelennie az üzlethelyiségeknek, és rákattinthat a tőlük jobbra lévő körre, hogy összekapcsolja őket.
Az utolsó megvalósítandó függvény a PreparForSegue függvény az első képernyő osztályában. Ez lehetővé teszi az adatok továbbítását az új nézetbe, így:
felülírja a szórakoztató preparForSegue (következőképpen: UIStoryboardFollow, küldő: AnyObject?) {
ha segue.identifier == „nextScreen” {
hagyja a destVC = folytatja.destinationViewController UIViewController-ként
destVC.user = saját.felhasználónév
}
}
Most már alapvető ismeretekkel rendelkezik arról, hogyan kell megváltoztatni a képernyőket és átadni az adatokat közöttük. Ez jó kezdetet nyújt a funkcionális alkalmazások, a boldog programozás terén!
2 perc olvasás
