Теперь мы должны установить связи, между кнопкой и вью, и между надписью и вью. Нам нужно разделить экран Xcode на две части, нажмем на соответствующую кнопку в правом верхнем углу (рис. 1.12).
Рисунок 1.12 – Assistant Editor
Теперь у нас есть два окна, в левой части storyboard, в правой части какой-либо класс. Теперь в правую часть поместим ViewController. h, из файлового инспектора перетянем этот класс в правое окно (рис. 1.13).
Рисунок 1.13 – Assistant Editor II
И добавим связи в представление вью. Правой кнопкой мыши перетяните стрелку с Label и Button в ViewController. h. Перед вами появится окно с параметрами (рис. 1.14), с ними мы разберемся позже, а пока что введите имя надписи.
Рисунок 1.14 – Параметры свойства
Для Button нужно будет дважды проделать такое действие, первое мы добавляем свойство для кнопки, а второе мы добавляем для него метод, чтобы добавить метод, нужно указать в параметре connection – action (рис 1.15).
Рисунок 1.15 – Action button
Должно получится следующим образом (рис. 1.16).
Рисунок 1.16 – Связь объектов и вью
Теперь закроем второе окно и перейдем в класс ViewController. m. Найдем в нем метод – (IBAction) button: (id) sender. Это метод кнопки, который вызывается каждый раз, когда мы нажимаем на кнопку. Пропишем в этом методе следующий код:
– (IBAction) button: (id) sender {
_labelHello. text = @«Hello World!»;
}
Теперь, когда будете нажимать на кнопку, надпись будет менять свой текст на «Hello World», результат работы – рисунок 1.17.
Рисунок 1.17 – Результат работы
И последнее, что осталось – отладчик. Чтобы поставить точку остановки, необходимо нажать в выделенной полосе слева от кода (рис. 1.18).
Рисунок 1.18 – Отладчик
Первая кнопка – отключает/включает точки остановки. Вторая – продолжить/приостановить процесс работы приложения. Третья – пошаговая отладка кода. Четвертая кнопка – заход в метод. Пятая – выход из метода. Шестая – позволяет нам просматривать наше приложение в виде 3D-модели. Седьмая кнопка – задает местонахождение. Окно под номером 8 – консоль, в которой выводятся системные сообщения.
Основы графического дизайна интерфейсов приложений
«Быть дизайнером – значит не просто собирать разрозненные элементы воедино, упорядочивать их или как-то изменять. Тут нужно и создавать некую ценность, и придавать смысл, и освещать, и упрощать, и трансформировать, и облагораживать, и сгущать краски, и убеждать, и даже в какой-то мере развлекать».