Logo ru.nowadaytechnol.com

ЛУЧШЕЕ РУКОВОДСТВО: Раскадровка для разработки под IOS

Оглавление:

ЛУЧШЕЕ РУКОВОДСТВО: Раскадровка для разработки под IOS
ЛУЧШЕЕ РУКОВОДСТВО: Раскадровка для разработки под IOS

Видео: ЛУЧШЕЕ РУКОВОДСТВО: Раскадровка для разработки под IOS

Видео: ЛУЧШЕЕ РУКОВОДСТВО: Раскадровка для разработки под IOS
Видео: Рецензия. Василий Усов, Swift. Основы разработки приложений под iOS и macOS 2024, Марш
Anonim

Раскадровки были впервые представлены разработчикам в выпуске iOS 5. Они избавляют разработчика от необходимости разрабатывать интерфейс каждого экрана в разных файлах. Раскадровка позволяет вам увидеть концептуальный макет вашего приложения в целом и взаимодействия между каждым экраном. Используя переходы, вы можете установить, как приложение будет переходить между заданными экранами и передавать данные. В этом уроке я покажу вам, как сделать простой экран входа в приложение.

Начиная

Первое, что вам нужно сделать, это создать новый проект. Вам понадобится новое одноэкранное приложение, устанавливающее язык на Swift, а устройства на универсальный. Если вы перейдете к раскадровке, вы должны увидеть пустую сцену контроллера представления. Стрелка на левой стороне контроллера представления указывает, что это корневой контроллер.

раскадровка
раскадровка

Чтобы добавить метки для имени пользователя и пароля, вам нужно перейти в поле в правом нижнем углу экрана, выбрать кружок с квадратом в нем и перетащить две метки в свое представление. Выбирая настройки на боковой панели, вы можете указать многие важные параметры. Их слишком много, но большинство из них не требует пояснений.

раскадровка2
раскадровка2

Двумя важными для нас являются текст-заполнитель и флажок для безопасного ввода текста. Мы хотим использовать текст-заполнитель, чтобы пользователь знал, какая информация от него требуется, и безопасную запись, чтобы скрыть пароль пользователя от показа. После того, как это будет сделано, нам понадобится кнопка, чтобы запустить наш переход. Мы можем перетащить его так же, как текстовое поле. После того, как вы дали название кнопке и расположили ваши объекты на экране, они должны выглядеть следующим образом:

раскадровка3
раскадровка3

Теперь наш первый экран приложения готов, поэтому нам нужно сделать еще один для перехода. Сделайте это, перетащив на экран контроллер второго вида. Чтобы соединить два экрана, вы должны сделать две вещи. Сначала вам нужно будет нажать на кнопку и перетащить ее на новый экран, который вы добавили. Затем вам нужно будет выбрать круг между двумя представлениями. Затем вам нужно будет изменить идентификатор на segue; в этом примере я буду использовать «nextScreen»

раскадровка4
раскадровка4

Наконец, мы поместим ярлык на новый экран, чтобы мы могли видеть пользователя и видеть, работает ли наше приложение. Чтобы иметь возможность программно обращаться к полям из раскадровки, нам нужно будет создать для них выходы в классе, который их использует следующим образом:

class FirstScreen: UIViewController {

@IBOutlet weak var имя пользователя: UITextField! @IBAction func loginButton (отправитель: AnyObject) { perfromSegueWithIdentifier («следующий экран», отправитель: сам) }

class SecondScreen: UIViewController { var user: String! @IBOutlet weak var имя пользователя: UILabel

переопределить функцию viewDidload () { username.text = пользователь }

После этого не забудьте связать объекты из раскадровки с помощью инспектора соединений на каждом экране. Должны появиться ваши торговые точки, и вы можете щелкнуть кружок справа от них, чтобы связать их.

раскадровка5
раскадровка5

Последней реализуемой функцией является функция prepareForSegue в классе первого экрана. Это позволяет передавать данные в новое представление следующим образом:

переопределить fun prepareForSegue (segue: UIStoryboardSegue, отправитель: AnyObject?) { if segue.identifier == «nextScreen» { пусть destVC = segue.destinationViewController как UIViewController destVC.user = self.username }

Теперь у вас есть базовое представление о том, как менять экраны и передавать данные между ними. Это даст вам хороший старт в создании функциональных приложений, удачного программирования!

Рекомендуемые:

Тенденции

Фанатский мод Street Fighter 5 исправляет серьезную ошибку сетевого кода, на разработку ушло всего два дня

Microsoft Store для Windows 10 закрывает разделы, предназначенные для образования и бизнеса?

Аркадное событие Apex Legends Grand Soirée добавляет семь ограниченных по времени режимов, включая вид от третьего лица

Сделайте резервную копию файла сохранения перед установкой последнего расширения Monster Hunter World

Instagram скоро позволит вам контролировать, кто упоминает вас на платформе

Доходы от пакета Call Of Duty: Modern Warfare 'Outback' будут переданы в дар австралийской организации помощи лесным пожарам

Pokemon GO добавляет покемонов региона Unova, Trade Evolution

Наступил 2020 год: эти долгожданные функции Skype еще не объявлены

Ubisoft, Bungie, Crytivo: как игровая индустрия поддерживает усилия Австралии по ликвидации последствий лесных пожаров

Последняя версия Windows 10 19541 ломает Internet Explorer для многих пользователей

OnePlus, как сообщается, выбирает панель 2K 120 Гц с отзывчивостью к касанию 240 Гц

Управление плитой со смартфона с помощью Wi-Fi

Как добавить гиперссылки в Gmail с помощью сочетания клавиш

Лучший VPN для Amazon Firestick в 2020 году

Rainbow Six Quarantine Leak дает ранний взгляд на особенности игрового процесса