/ Xcode

Дневник начинающего разработчика. Урок 1. Вывод текста в label с помощью Button

Всем привет!

Сегодня мы выполним простой урок, который поможет понять, как работать с Xcode SDK.
На сегодняшний день вышла новая версия языка swift 3, и я буду на ней уже
работать и писать приложение. И так начнем.

Для начала создаем проект "Simple View Application"

Пишете название проекта, заполняете имя организации, выбираете язык Swift,
выбираете девайс Iphone и нажимаете на кнопку Next. Выбираете место
хранения проекта, в данном случае буду сохранять его на рабочем столе.

После сохранения проекта, вам отобразятся настройки проекта

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

Выбирам элемент label и переносим его в ViewController, двигаем его к
центру экрана, чтобы показалась голубая пунктирная линия, говорящая о том,
что элемент отцентрован.

Растягиваем элемент Label, тут длина не важна, и центруем по середине экрана.

Выбираем Label и добавляем к этому элементу Constraints, чтобы
элемент не двигался и занимал свое положение на экране.

Выравниваем текст по середине области.

Ищем кнопку Button и добавляем на наш экран. Выравниваем по середине
и добавляем Constraints сверху и слева. Кликните несколько раз на кнопку,
чтобы появился режим редактирования, и назовите кнопку Add.

Добавьте еще одну кнопку Button, назовите ее Cancel, расположите ее
под кнопкой Add и добавьте Constraints сверху и слева.
В итоге должно получится вот так.

Жмем на кнопку Assistant Editors, чтобы открыть окно ассистента, в которым
мы и будем писать код для приложения.

Итак в Main.storyboard мы закончили оформлять наш экран и теперь надо написать код.
Логика будет такая, как только пользователь нажмет на кнопку Add, слово Label
поменяется на слово Hello world, а если нажмет на Cancel, то Hello world
сменится на слово Label. И так приступим.

С зажатой кнопкой Ctrl перетащите элемент, как показано на картинке ниже.

В появившимся окне в стоке Name, напише имя textLabel и нажмите на кнопку
Connect, чтобы создать Outlet, он нужен, чтобы мы могли к нему обратиться
и изменить его по желанию.

Проделайте тоже самое с нашими кнопками, но в строке Connection выберете пункт
Action, а в строке Type выберете UIbutton. Назовите кнопку Add
(addButton), а кнопку Cancel (cancelButton) и нажмите на Connect.

Добавьте код:

**addButton**

@IBAction func addButton(_ sender: UIButton) {
    textLabel.text = "Hello Word"
}

**cancelButton**

@IBAction func cancelButton(_ sender: UIButton) {
    textLabel.text = "Label"
}

Запустите приложение.

На этом урок закончен, встретимся через неделю.