Storyboard for iOS izstrāde



Izmēģiniet Mūsu Instrumentu Problēmu Novēršanai

Skaņas tastatūras pirmo reizi tika ieviestas izstrādātājiem, izlaižot operētājsistēmu iOS 5. Tās ļauj izstrādātājam sagādāt grūtības katra ekrāna saskarnes noformēšanā citā failā. Sīktēls ļauj jums redzēt savas lietotnes konceptuālo maketu kopumā un mijiedarbību starp katru ekrānu. Izmantojot segmentus, jūs varat iestatīt, kā lietotne pāriet starp norādītajiem ekrāniem un nodos datus. Šajā apmācībā es jums parādīšu, kā izveidot vienkāršu lietotnes pieteikšanās ekrānu.



Darba sākšana



Pirmā lieta, ko jūs vēlaties darīt, ir izveidot jaunu projektu. Jūs vēlaties jaunu, viena ekrāna lietojumprogrammu, kurā valoda ir Swift un ierīces universālas. Ja dodaties uz storyboard, jums vajadzētu redzēt tukšu skata kontrollera ainu. Bultiņa skata kontrollera kreisajā pusē norāda, ka tas ir saknes kontrolleris.



storyboard

Lai pievienotu etiķetes lietotāja vārdam un parolei, jums jāiet uz lodziņu ekrāna apakšējā labajā stūrī, jāatlasa aplis ar kvadrātu un velciet un nometiet divas etiķetes savā skatā. Sānu joslā izvēloties preferences, varat norādīt daudzus svarīgus parametrus. Pārāk daudz ir pāri, bet lielākā daļa ir pašsaprotami.

storyboard2



Divi mums svarīgi ir viettura teksts un drošā teksta ievades izvēles rūtiņa. Mēs vēlamies izmantot viettura tekstu, lai informētu lietotāju par nepieciešamo informāciju un drošu ierakstu, lai paslēptu lietotāja paroli. Kad tas ir izdarīts, mums ir nepieciešama poga, lai aktivizētu mūsu segmentu. Mēs varam vilkt vienu tāpat kā teksta lauku. Pēc tam, kad esat piešķīris pogai nosaukumu un sakārtojis objektus ekrānā, vajadzētu izskatīties šādi:

storyboard3

Tagad ir pabeigts mūsu pirmais lietotnes ekrāns, tāpēc mums ir jāizveido vēl viens ekrāns, uz kuru pāriet. Dariet to, velkot uz ekrāna otru skata kontrolleri. Lai savienotu abus ekrānus, jums jāveic divas darbības. Vispirms jums būs jākontrolē noklikšķiniet uz pogas un velciet to uz jauno pievienoto ekrānu. Tālāk jums būs jāizvēlas aplis starp abiem skatiem. Pēc tam jums būs jāmaina identifikators uz segmentu; šajā piemērā es izmantošu “nextScreen”

storyboard4

Visbeidzot, mēs jaunajā ekrānā ievietosim etiķeti, lai mēs varētu skatīt lietotāju un redzēt, vai mūsu lietotne darbojas. Lai programmiski varētu piekļūt laukiem no storyboard, mums būs jāizveido noieta vietas tajā klasē, kas tos izmanto šādi:

klases FirstScreen: UIViewController {

@IBOutlet vāja var lietotājvārds: UITextField!
@IBAction func loginButton (sūtītājs: AnyObject) {
perfromSegueWithIdentifier (“nextScreen”, sūtītājs: self)
}
}

klases SecondScreen: UIViewController {
var lietotājs: Stīga!
@IBOutlet vāja var lietotājvārds: UILabel!

ignorēt func viewDidload () {
lietotājvārds.text = lietotājs
}
}

Kad tas ir izdarīts, noteikti saistiet objektus no storyboard, izmantojot katra ekrāna savienojumu inspektoru. Jūsu tirdzniecības vietām vajadzētu parādīties, un jūs varat noklikšķināt uz apļa pa labi no tām, lai tās saistītu.

storyboard5
Pēdējā īstenojamā funkcija ir funkcija PreparForSegue pirmā ekrāna klasē. Tas ļauj pārsūtīt datus uz jauno skatu šādi:

ignorēt jautrību sagatavotForSegue (seko: UIStoryboardFollow, sūtītājs: AnyObject?) {
ja segue.identifier == “nextScreen” {
ļaujiet destVC = turpināt.destinationViewController kā UIViewController
destVC.user = self.username
}
}

Tagad jums ir pamatzināšanas par to, kā mainīt ekrānus un pārsūtīt datus starp tiem. Tas dos jums labu sākumu funkcionālu lietotņu izveidē, laimīgu programmēšanu!

2 minūtes lasīts