Работаем с Tab Bar Controller

Всем привет!

Решил отойти от понятия уроков, теперь буду просто писать статьи. В этой статье расскажу как работать в Tab Bar Controller и как добавлять новые view и подключить их к основному Tab Bar Controllerу. Итак начнем же!

Для начала, создайте Single page проект с любым названием и расположением на жеском диске. После создание его по умолчанию активный View Controller.

Его надо удалить)) и выделяем View Controller Scene и нажимаем Delete.

Переходим Библиотеку объектов и находим Tab Bar Controller

И переносим в наш Main.storyboard.

Xcode сразу подставил по умочанию два View Controllera. Если запустить приложение, то можно уже сразу увидеть рабочий вариант. Но к сожалению можно увидеть пока только черный экран.

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

Чтобы это исправить, для начала, нужно выделить Tab Bar Controller Scene, зайти в Hide or show the Utilites, потом в Attrubutes inspector и поставить галочку в пункте Is initial View Controller, и уже запустить заново наше приложение.

После этого у нас появится указатель на экран, с которого и будет запускаться наше приложение.

Для наглядности работы давайте зададим цвет фона у View Controlleroв, для это выделите, любой ViewController и задайте ему любой цвет. Это можно сделать вот так.

Тоже самое надо проделать и для второго ViewControllerа.

Теперь можно запускать приложение и смотреть как работает.

И теперь давайте представим, что двух экранов мало и надо еще добавить, а как это сделать не понятно, сейчас расскажу как это можно сделать.

Выбираете экран, который надо добавить, я добавлю TableVIewController. Находим его в библиотеки объектов элемент.

И переносим его в Main.Storyboard.

Теперь выделаем Tab Bar Controller Scene, зажимаем клавишу ctrl и левый клик мыши, чтобы была голубая линия и перености на экран Table View Controller. И в открывшем меню жмем на View Controllers и мы подключили новый экран.

Теперь запустите приложение и убедитесь в его работе.

Если надо изменить название экранов или вставить иконку соответствующую, это делается очень просто. Надо выделить item на созданный контролерах.

И теперь, тут уже можно поставить System item или поставить свою иконку (Image) или изменить имя наших экранов (Tittle) и многое другое, но пока нам этого не надо.

Вот так выглядит приложение если добавить иконки.

И вот теперь можно создавать и подлючать файлы к контролерам и продолжать работу уже с тремя экранами. Всем спасибо! Встретимся в следующей статье.