Изучаем основы UIKit

Как пользователь компьютера, различных приборов и других устройств, вы уже знаете, что пользовательский интерфейс важен.

Сейчас, создавая свои собственные iOS приложения, вы будете полагаться на UIKit – основной фреймворк для создания и управления пользовательским интерфейсом (UI).

UIKit определяет, как вы отображаете информацию пользователю и как вы реагируете на пользовательские действия и системные события. Это также позволяет вам работать с анимациями, текстом и картинками. Помимо игр, все что вы видите на экране iOS сделано с использованием UIKit.

Для справки, если вы будете писать приложение под MacOS, то там есть фреймворк AppKit.

UIKit включает определения всех объектов пользовательского интерфейса, систему обработки событий, которая отвечает на пользовательский ввод и модели, которые позволяют запускать приложения на iOS.

Основным классом в UIKit является UIView. UIView представляет из себя обычный прямоугольник, который может быть настроен для отображения чего угодно на экране. Отображение текста, картинок, линий и т.д. все это основывается на UIView.

UIKit определяет множество специальных наследников UIView, чтобы выполнять специфичные задачи. Например, UILabel отображает текст, UIImageView отображает картинки, UIScrollView позволяет вам располагать скролящийся контент на экране.

Почти все экраны в приложении содержат множество элементов, которые вместе образуют иерархию view (view hierarchy).

Часто view являются вложенными в другие view, такие view называются дочерними (child view), view, которые их содержат называются родительскими (parent view).

Чтобы отобразить view на экране, вам необходимо установить ей рамку (frame), которая содержит координаты левого верхнего угла (позиция) и размеры.

При создании UIView в InterfaceBuilder ее фон будет установлен в белый цвет для светлой темы и черный для темной темы, а если создавать UIView из кода, то ее фон будет прозрачный, вы можете установить любой цвет фона после создания. Так же вы можете менять и другие атрибуты у UIView.

В следующей статье "Базовые представления (views) в UIKit" мы рассмотрим базовые элементы для представления данных пользователю.

Напоминаю про важность практики. Попробуйте создать иерархию из нескольких UIView, установите им разный цвет фона, изменить прозрачность, видимость.

Видео с практикой

В данном видео используется версия Xcode 8.3, текущая на момент выхода статьи Xcode 13.2. Да интерфейс немного изменился, но суть не зменилась.