Нативная разработка мобильных приложений

Library
(Библиотека) для открытия биб-
лиотеки компонентов пользовательского интерфейса. Затем найдите объект 
Button
и перетащите его на экран приветствия в редакторе. В результате на 
холсте должна появиться кнопка с надписью Button.
Сейчас кнопка находится там, куда вы ее сбросили, но в идеале хотелось бы, 
чтобы она отображалась в центре экрана. Это легко сделать, если ориентиро
-
ваться на одно конкретное устройство. Но если вы помните, существует не
-
сколько размерных классов экранов и форм-факторов устройств, работающих 
под управлением iOS. К счастью, в iOS есть надежная инфраструктура автома
-
тического размещения представлений с названием Auto Layout.
Механизм Auto Layout позиционирует представления внутри сцены, опи
-
раясь на предопределенные ограничения. В главе 2 приводится отличное 
описание Auto Layout. В нем рассказывается, как устанавливать ограничения 
с помощью редактора раскадровки в Xcode, и сейчас мы воспользуемся этой 
возможностью.
Выберите кнопку, щелкните на кнопке 
Align
(Выровнять) – третья ниже 
и правее холста в редакторе раскадровки – и установите флажки 
Horizontal-
ly in Container
(По горизонтали в контейнере) и 
Vertically in Container
(По 
вертикали в контейнере). Щелкните на кнопке 
Add 2 Constraints
(Добавить 
2 ограничения), чтобы добавить эти ограничения.
После этого кнопка должна автоматически переместиться в центр пред
-
ставления. Таким способом мы сообщаем операционной системе iOS, что она 
должна поместить объект в центр контейнера по горизонтали и вертикали. 
Суть этих ограничений очевидна, но что такое «контейнер»? В данном случае 
контейнером является корневое представление, в котором находится объект, 
то есть корневое представление, в которое встроена вся сцена, определяемая 
свойством 
view
класса 
WelcomeViewController
. Если бы, например, кнопка находи
-
лась в другом представлении, она была бы помещена в центр этого вложенного 
представления.
Теперь, поместив кнопку в нужное место, займемся ее оформлением. Выбе
-
рите кнопку и в инспекторе атрибутов введите текст Catalog в поле 
Title
. Если 
теперь собрать и запустить приложение, вы должны увидеть кнопку в центре 
экрана.
Эта кнопка будет отображать каталог нашей библиотеки. Но прежде чем вы
-
вести этот каталог на экран, его нужно создать!