Siužetinės schemos kūrėjams pirmą kartą buvo pristatytos išleidus „iOS 5“. Jie sutaupo kūrėjo problemų kuriant kiekvieno ekrano sąsają skirtingame faile. Siužetinė schema leidžia pamatyti konceptualų visos jūsų programos maketą ir kiekvieno ekrano sąveiką. Naudodami segmentus, galite nustatyti, kaip programa pereis tarp pateiktų ekranų ir perduos duomenis kartu. Šioje pamokoje aš jums parodysiu, kaip sukurti paprastą programos prisijungimo ekraną.
Darbo pradžia
Pirmas dalykas, kurį ketinate padaryti, yra sukurti naują projektą. Jums reikės naujos vieno ekrano programos, nustatančios „Swift“ kalbą, o įrenginiams - universalią. Jei eisite į siužetinę schemą, turėtumėte pamatyti tuščią rodinio valdiklio sceną. Rodyklė kairėje rodinio valdiklio pusėje rodo, kad tai yra šakninis valdiklis.
Norėdami pridėti vartotojo vardo ir slaptažodžio etiketes, turite pereiti į langelį apatiniame dešiniajame ekrano kampe, pasirinkti apskritimą su kvadratu ir nuvilkti dvi etiketes į savo rodinį. Pasirinkę šoninės juostos nuostatas, galite nurodyti daug svarbių parametrų. Yra per daug, kad būtų galima pereiti, bet dauguma jų savaime suprantama.
Du mums svarbūs yra vietos žymeklio tekstas ir saugaus teksto įvedimo žymimasis laukelis. Norime naudoti vietos rezervavimo ženklo tekstą, kad vartotojas žinotų, kokios informacijos iš jo reikalaujama, ir saugų įrašą, kad vartotojo slaptažodis nebūtų rodomas. Kai tai bus padaryta, mums reikia mygtuko, kad suaktyvintume savo segmentą. Vieną galime vilkti taip pat, kaip ir teksto lauką. Suteikus mygtukui pavadinimą ir sutvarkius objektus ekrane, jis turėtų atrodyti taip:
Dabar atliktas pirmasis programos ekranas, todėl turime pereiti prie kito. Atlikite tai vilkdami ant ekrano antrą rodinio valdiklį. Norėdami sujungti du ekranus, turite atlikti du veiksmus. Pirmiausia turėsite valdyti spustelėkite mygtuką ir vilkite jį į naują pridėtą ekraną. Tada turėsite pasirinkti apskritimą tarp dviejų rodinių. Tada turėsite pakeisti identifikatorių į segmentą; šiame pavyzdyje naudosiu „nextScreen“
Galiausiai, mes įdėsime etiketę į naują ekraną, kad galėtume peržiūrėti vartotoją ir pamatyti, ar mūsų programa veikia. Kad galėtume programiškai pasiekti laukus iš siužetinės schemos, turėsime sukurti jiems išeitis toje klasėje, kuri juos naudoja:
class FirstScreen: UIViewController {
@IBOutlet silpnas var vartotojo vardas: UITextField!
@IBAction func loginButton (siuntėjas: AnyObject) {
perfromSegueWithIdentifier („nextScreen“, siuntėjas: savarankiškai)
}
}
class SecondScreen: UIViewController {
var vartotojas: String!
@IBOutlet silpnas var vartotojo vardas: UILabel!
nepaisyti func viewDidload () {
vartotojo vardas.text = vartotojas
}
}
Tai atlikę, būtinai susiekite objektus iš siužetinės linijos, naudodamiesi kiekvieno ekrano jungčių inspektoriumi. Jūsų prekybos vietos turėtų pasirodyti ir galite spustelėti ratą dešinėje jų, kad jas susietumėte.
Paskutinė įdiegtina funkcija yra „PreparForSegue“ funkcija pirmojo ekrano klasėje. Tai leidžia perduoti duomenis į naują rodinį taip:
nepaisyti linksmo preparato forForSegue (taip: UIStoryboardFollow, siuntėjas: AnyObject?) {
jei segue.identifier == „kitas ekranas“ {
tegul destVC = tęsiasi.destinationViewController kaip UIViewController
destVC.user = savęs.vardas
}
}
Dabar jūs turite pagrindinį supratimą, kaip pakeisti ekranus ir perduoti duomenis tarp jų. Tai suteiks jums gerą pradžią kuriant funkcines programas, laimingą programavimą!
2 minutės perskaityta
