Прежде всего вам нужно три вещи
UITabBarController
UIView
UIScrollView
Теперь, во-первых, вам нужно зайти в файл .storyboard
и перетащить и отпустить a UITabBarController
с левой панели
ПРИМЕЧАНИЕ: Если вы используете XCode 10, тогда эта панель переименовывается в Library
, которая доступна в верхней панели с Apple Home.Кнопка тип кнопки
Теперь, когда вы перетаскиваете UITabBarController
, вы получите View Controllers
, прикрепленный к нему по умолчанию.
Перетащите a UIView
на один из контроллеров представления (предпочтительно на первый) и установите некоторые ограничения Auto Layout
, выбрав этот Вид и нажавна кнопке Добавить новые ограничения в нижней панели (там, где доступен ваш Текущий размер увеличения ).Вы можете добавить следующие ограничения:
- Leading (он же слева) = 0
- Top = 0
- Trailing (он же справа) = 0
Вам также необходимо указать высоту .
Если вы хотите указать постоянную высоту, вы можете указать ее с помощью того же Добавить новые ограничения параметр
Однако, если вы хотите указать переменную высоту, как в Процент , удерживайте Control
на клавиатуре и нажмите и перетащите из Вид , которые вы перетащили ранее в View Controller
View .Выберите опцию Equals Height
.Теперь он будет принимать высоту всего View Controller , так как он принимает 100% высоты View Controller по умолчанию, и нам нужно это изменить.
Чтобы изменить это, нажмите Просмотр еще раз, нажмите Скрыть / показать инспекторов (доступно в правом верхнем углу) и выберите Size Inspector
.Будет ограничение с именем Высота , которое будет показано равным superview .Нажмите на кнопку Изменить рядом с ней и измените значение текстовое поле с именем Множитель на нужный вам процент (убедитесь, что значение константа текстовое поле равно 0).Если вы хотите, чтобы высота составляла 20%, введите 0,2 и так далее.
Далее вам нужно перетащить UIScrollView
чуть ниже пользовательского представления (к которому мы только что создали и добавили ограничение).Теперь установите ограничения для Scroll View так же, как вы сделали для View .
Для прокрутки необходимо установить следующие ограничения:
- Leading (он же слева) = 0
- Top = 0
- Трейлинг (он же справа) = 0
- Bottom = 0
и нажмите кнопку Add Constraints .
Теперь вы получите желаемый результат.Единственное, что останется, это изменение цвета View
и изменение текстовой метки и значков для элементов UITabBarController
.Вы можете изменить это с помощью Storyboard
.
Дайте мне знать, если вам понадобится дополнительная помощь!