Наскільки великим повинен бути образ UIBarButtonItem?

130

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

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

— Epsilon Prime
джерело

236

Станом на iOS 11, Керівні принципи щодо людського інтерфейсу передбачає, що гліфи на панелях інструментів та навігаційних панелях становитимуть приблизно 25 × 25 точок, максимум приблизно 28 балів. (І HIG обов'язково повинен бути у ваших закладках, якщо ви працюєте над додатками для iOS!)

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

— Шістен Отто
джерело

1

Дякую, саме те, що мені потрібно було знати в поєднанні з покажчиком на чудовий документ. Закладка.

— Епсілон Прем'єр

1

Хочеться, щоб мобільний HIG заявив щось корисніше, ніж "приблизно 20x20". Якщо ви використовуєте зображення рівно 20x20px, воно фактично не відображатиметься 1: 1, а кнопка не буде квадратною.

— Клафу

1

Clafou, ти говориш про зображення для вмісту кнопки (як це питання), або використовуватиметься як фон кнопки (з 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 пікселів (стандартна роздільна здатність)

Ось велика матриця з усіх необхідних розмірів для ресурсів для всіх платформ

— хашир
джерело

19

Так, Apple пропонує використовувати зображення з UIBarButtonItemsрозміром 22 пікселів, 44 пікселів та 66 пікселів для , але якщо ви використовуєте попередньо встановлені піктограми на зразок піктограми "Закладка", розмір розміру становить 25 пікселів 50 пікс. І 75 пікс. Для 1x, 2x та 3x відповідно.

Ось 2 значки в UIToolbar. Праворуч - значок системної закладки Apple, а ліворуч - моя власна піктограма.

Ось мій власний значок розміром 22px-44px-66px:

І ось 25px-50px-75px:

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

— Петро Третьяков
джерело

1

Дякую тобі за це! Я був впевнений, що деякі піктограми, як одна із закладок, трохи більше розміру

— 22-44-66px

1

Я спробував 25px-50px-75px, і це дуже добре виглядає. не маленький не великий.

— MBH

-4

Легко: додайте свої зображення до Assets.xcassets.

Як?

Клацніть на Assets.xcassets
Клацніть піктограму + і натисніть "Новий набір зображень"
Перетягніть зображення в 3-разовий слот
Перейменуйте набір зображень
У BarButton ви можете використовувати цю назву під полем "Зображення"

— jobima
джерело

3

Як це відповідає на питання про розмір?

— Андреа Лацаротто

@AndreaLazzarotto хороший момент, але ця відповідь включає важливу інформацію, що залишилася поза іншими відповідями

— PAUL