Значки панели вкладок слишком маленькие, несмотря на правильный размер

В моем контроллере панели вкладок используются пользовательские значки изображений размером 75x75, но они кажутся маленькими.

Похоже, они не используют всю высоту панели вкладок, и я не могу понять, почему. Если я увеличу размер до 150x150, значок не использует пространство внизу, а вместо этого перекрывает верхнюю границу и вторгается в остальную часть представления.

Как я могу указать значкам полный центр и использовать всю доступную им высоту панели вкладок?

введите здесь описание изображения

Каталог активов для изображения вкладки «Главная» выглядит так:

введите здесь описание изображения


ios swift swift5 uitabbarcontroller tabbar
person Dan James Palmer    schedule 12.08.2019    source источник
comment
Можете ли вы показать, как изображения выглядят в каталоге активов?   -  person Andrew    schedule 17.08.2019
comment
Конечно, @Andrew, я обновлю ОП.   -  person Dan James Palmer    schedule 09.09.2019
comment
Изображение имеет белые пробелы вокруг него. Вам нужно обрезать изображение   -  person Manav    schedule 13.09.2019
comment
Возможно, вы захотите запустить это в симуляторе для iPhone 8 (или любого другого устройства с квадратным экраном), чтобы вы могли видеть все, не мешая безопасной зоне.   -  person Barnyard    schedule 15.09.2019
comment
@Manav, спасибо, я попробую!   -  person Dan James Palmer    schedule 17.09.2019
comment
@Manav Я отредактировал изображение, чтобы проверить наличие пробелов, и их нет. Все изображение 75x75   -  person Dan James Palmer    schedule 17.09.2019
comment
Можете ли вы поделиться размерами используемых Активов?   -  person Aamir    schedule 17.09.2019

Ответы (2)


arrow_upward
4
arrow_downward

Значки изображений размером 75x75 пикселей должны подойти для устройств @3x. Если заголовок равен нулю, изображение не будет расширяться само по себе.

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

Перейдите в Инспектор размера в StoryBoard и измените смещение снизу вставки изображения.

Перейдите по этой ссылке для получения дополнительной информации

Перемещение изображения UITabBarItem вниз?

person Amyth    schedule 16.09.2019
comment
Спасибо @Amyth, я попробую - person Dan James Palmer; 17.09.2019

arrow_upward
2
arrow_downward

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

Для сравнения, вот панель вкладок приложения App Store:

введите здесь описание изображения

При наложении на ваш снимок экрана вы можете видеть, что позиции значков одинаковы:

введите здесь описание изображения

Вы можете улучшить визуальный дизайн, предоставив заголовки своим вкладкам.

Если вы хотите сохранить кнопки панели вкладок без заголовков, вы можете настроить вставки изображений, как описано здесь: Удалить текст элемента панели вкладок, показать только изображение.

Обязательно протестируйте свое решение на устройствах с разными безопасными зонами (например, iPhone 8) и с разными ориентациями устройства, если они поддерживаются.

Обратите внимание, что при таком подходе вы работаете против предполагаемого дизайна UITabBarController. Более надежным и гибким решением для этого, вероятно, было бы заменить UITabBarController пользовательским подклассом UIViewController.

person Theo    schedule 18.09.2019