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

130

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

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

— Эпсилон Прайм
источник

237

Начиная с 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 может даже генерировать их из векторных источников ).

— Сикстен Отто
источник

1

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

— Эпсилон Прайм,

1

Хотелось бы, чтобы в Mobile HIG было сказано что-то более полезное, чем «примерно 20x20». Если вы используете изображение размером ровно 20x20 пикселей, оно фактически не будет отображать 1: 1, и кнопка не будет квадратной.

— Clafou

1

Клафу, вы говорите об изображении для содержимого кнопки (как этот вопрос) или об использовании в качестве фона кнопки (с помощью API настройки внешнего вида)? Вы задали вопрос по этому поводу?

— Sixten Otto

Вы можете увидеть некоторые из различных размеров, которые использует Apple, посмотрев на изображения, которые у Apple есть здесь: developer.apple.com/library/ios/#documentation/uikit/reference/…

— JasonZ

1

Для iOS 7 см. Ответ @ hashier.

— Рудольф Адамкович

46

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

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

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

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

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

— hashier
источник

19

Да, 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, оно лучше смотрится на панелях инструментов, как по мне.

— Петр Третьяков
источник

1

Спасибо вам за это! Я был уверен, что некоторые значки, такие как закладки, немного больше, чем размер

— 22-44-66

1

Я пробовал 25px-50px-75px, и это действительно красиво. не маленький не большой.

— MBH

-4

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

Как?

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

— jobima
источник

3

Как это отвечает на вопрос о размере?

— Андреа

@AndreaLazzarotto - хорошее замечание, но этот ответ включает важную информацию, не

— Пол