Насколько большим должно быть изображение UIBarButtonItem?

Я хочу создать свои собственные кнопки «Сортировка по дате» и «Сортировка по номерам», которые я планирую разместить на панели навигации в качестве правой кнопки.

Насколько большим должно быть мое изображение, чтобы должным образом заполнить пространство - на странице документации UIBarItem ничего не указано о размере изображения.

Начиная с iOS 11, Руководство по человеческому интерфейсу предлагает, чтобы глифы составляли примерно 25 × 25 точек на панелях инструментов и панелях навигации, максимум до 28 точек. (И HIG обязательно должен быть в ваших закладках, если вы работаете над приложениями для iOS!)

Это будет преобразовано в изображения в квадрате 25 пикселей для старых устройств, таких как iPad 2 / Mini, в квадрате 50 пикселей для большинства современных устройств, таких как iPhone 8 или iPad, и квадрате 75 пикселей для устройств Retina HD (iPhone 6/7/8 Plus или iPhone X). Каталоги активов очень помогут в организации различных размеров активов (а в наши дни Xcode может даже генерировать их из векторных источников ).

Руководства по человеческому интерфейсу говорят вам об этом, начиная с iOS7:

Независимо от визуального стиля значка создайте значок панели инструментов или панели навигации следующих размеров:

Около 44 x 44 пикселей

Около 22 x 22 пикселей (стандартное разрешение)

Вот большая матрица из всех необходимых размеров для ресурсов для всех платформ

Да, Apple предлагает использовать изображения с размером 22, 44 и 66 пикселей UIBarButtonItems, но если вы используете предустановленные значки, такие как значок закладки, его размер составляет 25 пикселей, 50 пикселей и 75 пикселей для 1x, 2x и 3x соответственно.

Вот 2 иконки в формате UIToolbar. Справа находится значок системной закладки Apple, а слева - мой собственный значок.

Вот мой собственный значок размером 22–44–66 пикселей:

А вот 25px-50px-75px:

Итак, если вы используете пользовательские и системные значки на одной панели инструментов, я бы предложил использовать масштабирование 25–50–75 пикселей, иначе пользовательские значки будут меньше. На самом деле я всегда использую масштабирование 25px-50px-75px, оно лучше смотрится на панелях инструментов, как по мне.

Легко: включите свои изображения в Assets.xcassets.

Как?

• Нажмите Assets.xcassets
• Нажмите значок +, а затем нажмите «Новый набор изображений».
• Перетащите изображение в слот 3x
• Переименуйте набор изображений
• В BarButton вы можете использовать это имя в поле «Изображение».