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

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

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

Ответы

Ответ 1

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

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

Ответ 2

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

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

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

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

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

Ответ 3

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

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

Здесь мой пользовательский значок размером 22px-44px-66px:

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

И здесь 25px-50px-75px:

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

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

Ответ 4

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

Как?

  • Clic на Assets.xcassets
  • Клика + значок, затем нажмите "Создать набор изображений"
  • Перетащите изображение в 3x слот
  • Переименовать набор изображений
  • В BarButton вы можете использовать это имя в поле "Изображение"