Сторибоард-ови су програмерима први пут представљени у издању иОС-а 5. Они програмеру помажу у дизајнирању интерфејса сваког екрана у другој датотеци. Сторибоард вам омогућава да видите концептуални модел ваше апликације у целини и интеракције између сваког екрана. Користећи сегме, можете да подесите како ће се апликација пребацивати између задатих екрана и преносити податке. У овом упутству ћу вам показати како да направите једноставан екран за пријаву за апликацију.
Почетак
Прва ствар коју ћете желети је да направите нови пројекат. Требаће вам нова апликација за један екран која језик подешава на Свифт, а уређаје на универзални. Ако пређете на сториборд, требало би да видите празну сцену контролера приказа. Стрелица на левој страни контролера приказа означава да је то основни контролер.
Да бисте додали ознаке за корисничко име и лозинку, морате да одете у оквир у доњем десном углу екрана, изаберете круг са квадратом и превучете и спустите две ознаке на свој приказ. Одабиром поставки на бочној траци можете одредити многе важне параметре. Превише их је да се пређе, али већина их објашњава сама по себи.
Два важна за нас су текст резервираног места и поље за безбедан унос текста. Желимо да користимо текст чувара места како бисмо кориснику дали до знања које информације се од њега траже и сигуран унос да бисмо сакрили корисничку лозинку од приказивања. Након што се ово уради, потребно нам је дугме да бисмо покренули нашу сегу. Можемо га повући на исти начин као и текстуално поље. Након што сте тастеру дали наслов и распоредили своје објекте на екрану, требало би да изгледају овако:
Сада је наш први екран апликације завршен, па морамо направити још један на који ћемо прећи. Урадите то тако што ћете повући на екран други контролер приказа. Да бисте повезали два екрана, морате учинити две ствари. Прво ћете морати да контролишете клик на дугме и превучете га на нови екран који сте додали. Даље ћете морати да изаберете круг између два приказа. Тада ћете морати да промените идентификатор у сегуе; за овај пример ћу користити „нектСцреен“
На крају, на нови екран ћемо ставити ознаку како бисмо могли да прегледамо корисника и видимо да ли наша апликација ради. Да бисмо могли програмски да приступимо пољима из сторибоарда, мораћемо да креирамо места за њих у класи која их тако користи:
класа ФирстСцреен: УИВиевЦонтроллер {
@ИБОутлет слабо корисничко име: УИТектФиелд!
@ИБАцтион фунц логинБуттон (пошиљалац: АниОбјецт) {
перфромСегуеВитхИдентифиер („нектСцреен“, пошиљалац: селф)
}
}
класа СецондСцреен: УИВиевЦонтроллер {
вар корисник: Стринг!
@ИБОутлет слабо корисничко име: УИЛабел!
замени функц виевДидлоад () {
усернаме.тект = корисник
}
}
Након што то завршите, обавезно повежите објекте са сниматеља помоћу инспектора веза на сваком екрану. Ваша продајна места би се требала појавити и можете кликнути на круг десно од њих да бисте их повезали.
Последња функција која је примењена је функција препаФорСегуе у класи првог екрана. То вам омогућава да податке пренесете у нови приказ на следећи начин:
заменити забавну припремуФорСегуе (следи: УИСторибоардФоллов, пошиљалац: АниОбјецт?)
иф сегуе.идентифиер == “нектСцреен” {
нека дестВЦ = наставља.дестинатионВиевЦонтроллер као УИВиевЦонтроллер
дестВЦ.усер = селф.усернаме
}
}
Сада имате основно разумевање како да промените екране и проследите податке између њих. Ово ће вам дати добар почетак израде функционалних апликација, срећног програмирања!
2 минута читања
