Как правильно изменить размер значков UITabBarController? - PullRequest
Новая
       188

Как правильно изменить размер значков UITabBarController?

0 голосов
/ 06 мая 2020

Я использую UITabBarController. В альбомной ориентации все выглядит нормально:

working tab bar

В портретной ориентации изображения слишком большие:

not working tab bar

Изображения находятся внутри xcasset, размером 512 пикселей в квадрате и используют единый масштаб.

Я использую UITabBarViewController вот так: 

let tabBarController = UITabBarController()
tabBarController.viewControllers = [Tab1Controller(), Tab2Controller()]

в TabXControllers , У меня: 

title = "Tab X"
tabBarItem.image = UIImage(named: "Tab X")

ОБНОВЛЕНИЕ:

Я строю для iOS 13, поэтому Apple HIG с https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/ в этом случае не действует («iOS 12 и ранее»). Я предполагаю, что в iOS 13 значки могут быть больше, чем в iOS 12. Они автоматически уменьшаются в масштабе (см. Первый снимок экрана). Что я делаю не так?

1 Ответ

1 голос
/ 06 мая 2020

Для iOS 12 и ниже:

Прочтите документацию Apple для Руководства по человеческому интерфейсу

Размер значка панели вкладок

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

Целевая ширина и высота (круговые глифы) 

Regular tab bars    Compact tab bars
75px × 75px (25pt × 25pt @3x)   54px × 54px (18pt × 18pt @3x)
50px × 50px (25pt × 25pt @2x)   36px × 36px (18pt × 18pt @2x)

Целевая ширина и высота (квадратные глифы) 

Regular tab bars    Compact tab bars
69px × 69px (23pt × 23pt @3x)   51px × 51px (17pt × 17pt @3x)
46px × 46px (23pt × 23pt @2x)   34px × 34px (17pt × 17pt @2x)

Для IOS 13 и выше

In iOS 13 или новее, предпочитайте использовать SF Символы для обозначения задач и режимов в вашем приложении. SF Symbols предоставляет набор из более чем 1500 согласованных, легко настраиваемых символов, которые вы можете использовать в своем приложении. Также вы можете создавать собственные символы SFS. Согласно Apple

Если вам нужен символ, которого нет в SF Symbols, вы можете создать свой собственный. Приложение SF Symbols позволяет экспортировать символ как шаблон в многоразовый векторный формат файла. Чтобы создать собственный символ, экспортируйте символ SF, который похож на дизайн, который вам нужен, и измените шаблон с помощью инструмента редактирования векторов, такого как Sketch или Illustrator

...