Раскадровките бяха представени за първи път на разработчиците при издаването на iOS 5. Те спестяват на разработчика неприятностите при проектирането на интерфейса на всеки екран в различен файл. Раскадровката ви позволява да видите концептуалния макет на вашето приложение като цяло и взаимодействията между всеки екран. С помощта на segues можете да зададете как приложението да преминава между дадени екрани и да предава данни. В този урок ще ви покажа как да направите прост екран за вход за приложение.
Приготвяме се да започнем
Първото нещо, което ще искате да направите, е да направите нов проект. Вие ще искате ново приложение на един екран, което настройва езика на Swift, а устройствата - на универсален. Ако отидете до разкадровката, трябва да видите празна сцена на контролера на изгледа. Стрелката от лявата страна на контролера за изглед показва, че това е главният контролер.
За да добавите етикети за потребителското име и парола, трябва да отидете в полето в долния десен ъгъл на екрана, да изберете кръга с квадрат в него и да плъзнете и пуснете два етикета във вашия изглед. Избирайки предпочитанията в страничната лента, можете да посочите много важни параметри. Има твърде много, за да се премине, но повечето са обясними.
Двете важни за нас са текстът на заместител и квадратчето за безопасно въвеждане на текст. Искаме да използваме заместващ текст, за да информираме потребителя каква информация се изисква от него и защитения вход, за да скрием паролата на потребителя да не се показва. След като това бъде направено, имаме нужда от бутон, за да задействаме нашата сега. Можем да го плъзнем по същия начин, както направихме текстово поле. След като дадете на бутона заглавие и подредите обектите си на екрана, трябва да изглеждат така:
Сега първият ни екран на приложението е готов, така че трябва да направим още един, към който да преминем. Направете това, като плъзнете на екрана втори контролер за изглед. За да свържете двата екрана, трябва да направите две неща. Първо ще трябва да контролирате щракването върху бутона и да го плъзнете към новия екран, който сте добавили. След това ще трябва да изберете кръга между двата изгледа. След това ще трябва да смените идентификатора на Segue; за този пример ще използвам “nextScreen”
И накрая, ще поставим етикет на новия екран, за да можем да видим потребителя и да видим дали приложението ни работи. За да имаме програмен достъп до полетата от раскадровката, ще трябва да създадем обекти за тях в класа, който ги използва така:
клас FirstScreen: UIViewController {
@IBOutlet слабо потребителско име: UITextField!
@IBAction func loginButton (подател: AnyObject) {
perfromSegueWithIdentifier (“nextScreen”, подател: самостоятелно)
}
}
клас SecondScreen: UIViewController {
var потребител: String!
@IBOutlet слабо var потребителско име: UILabel!
замяна на func viewDidload () {
username.text = потребител
}
}
След като направите това, не забравяйте да свържете обектите от раскадровката с помощта на инспектора за връзки на всеки екран. Вашите обекти трябва да се покажат и можете да щракнете върху кръга вдясно от тях, за да ги свържете.
Последната функция, която трябва да бъде приложена, е функцията PrepaForSegue в класа на първия екран. Това ви позволява да предавате данни в новия изглед по следния начин:
замяна на забавната подготовкаForSegue (следва: UIStoryboardFollow, изпращач: AnyObject?) {
ако segue.identifier == “nextScreen” {
нека destVC = продължава.destinationViewController като UIViewController
destVC.user = self.username
}
}
Сега имате основно разбиране за това как да променяте екрани и да предавате данни между тях. Това ще ви даде добър старт в създаването на функционални приложения, щастливо програмиране!
2 минути четене
