Размер значков OS X

Какой размер должен иметь значок приложения и значок панели меню для OS X?

Я могу работать с дисплеями с малым разрешением, но как насчет Retina - значок, отображаемый в строке меню (например, 20 x 20), будет меньшим или размытым на новом MacBook Pro с дисплеем Retina? Я полагаю, что значок приложения будет масштабироваться, поэтому, если я подготовлю дважды больше обычного, он должен быть в порядке на Retina.

Я нашел отличное руководство для разработки iOS с спецификацией размеров, но я не могу найти аналогичные спецификации размера для OS X.

Ответы

Ответ 1

Значки NSStatusBar (т.е. значки в строке меню) отличаются от обычных значков приложений. Я не смог найти официальный советник NSStatusBar, но я должен поверить, что "Значок значка панели инструментов" для кнопок довольно близко. Это предполагает:

  • Создание значков, размер которых не превышает 19x19 пикселей.
  • Сделайте контур четким и четким.
  • Используйте прямую перспективу.
  • Использовать черный (добавьте прозрачность только по мере необходимости, чтобы предложить Размерность).
  • Используйте сглаживание.
  • Используйте формат PDF.
  • Убедитесь, что изображение визуально центрируется в контроле (обратите внимание, что визуально центрированный может быть не таким, как математически центрированный).

При тестировании я обнаружил:

  • NSStatusBar выглядит лучше всего с чем-то высотой в 18 пикселей или меньше. systemStatusBar имеет толщину 22.
  • Пока он перечисляет формат PDF, я использую png без проблем.
  • Если вы хотите, чтобы ваш значок был белым на синем, когда он был выбран, вам необходимо предоставить alternateImage как отдельную белую версию вашего значка.

Пример кода:

myStatusItem = [[NSStatusBar systemStatusBar]statusItemWithLength:NSSquareStatusItemLength];
NSImage *statusImage = [NSImage imageNamed:@"Status.png"];
[myStatusItem setImage:statusImage];
NSImage *altStatusImage = [NSImage imageNamed:@"StatusHighlighted"];
[myStatusItem setAlternateImage:altStatusImage];
[myStatusItem setHighlightMode:YES];
[myStatusItem setMenu:self.myStatusMenu];

Ответ 3

Выполните следующие действия, и вы получите абсолютно четкую строку состояния. Иконка для сетчатки.

  • Откройте файл png вашего значка в фотошопе, он должен быть больше 88px x 88px
  • перейти в меню, изображение, размер изображения
  • установить разрешение до 350
  • установить размер до 88px x 88px (пикселей)
  • сохранить изображение как png добавить его xcode

Ответ 4

Чтобы настроить пункт меню Retina, Темный режим и различные состояния (например, нажатие)

  • Создайте два изображения PNG размером 16x16 и 32x32 или, если вы хотите меньше полей, 18x18 и 36x36 пикселей
  • Создайте новый объект изображения в Xcode с Render As, установленным на Template Image, и добавьте свои изображения для 1x и 2x
  • Инициализируйте NSImage из ресурса изображения без изменения его размера: NSImage(named: "Example")

Ответ 6

Максимальный размер значка приложения должен быть 1024 x 1024.

И вам нужно создать и обычные значки разрешения сетчатки для 16 x 16, 32 x 32, 128 x 128, 256 x 256, 512 x 512 и 1024 x 1024.

Детали, которые вы можете найти в документе "Высокие разрешения для OS X" от Apple.