Панель вкладок iPhone Разрешение изображения элемента? - PullRequest
43 голосов
/ 30 сентября 2008

Каково разрешение изображения для элемента панели вкладок?

А также, пожалуйста, предоставьте некоторую другую полезную информацию относительно изображения этого элемента вкладки.

Заранее спасибо.

Ответы [ 4 ]

68 голосов
/ 06 октября 2008

В документации сказано, что изображение панели вкладок обычно 30x30, но я обнаружил, что лучший размер для установки изображений - 48x32 пикселей. Этот размер по-прежнему отображается и дает вам немного больше места.

Изображение в формате PNG с прозрачностью, используется только маска. Пользовательский интерфейс делает маску серой, если она не выбрана, или синей / хромированной, если выбрана.

18 голосов
/ 14 июля 2009

http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html

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

Конечно, не каждая задача, которую выполняет ваше приложение, является стандартной. Если ваше приложение поддерживает пользовательские задачи, которые пользователи должны часто выполнять, вам нужно создать пользовательские значки, которые представляют эти задачи на панели инструментов или панели навигации. Точно так же, если ваше приложение отображает панель вкладок, которая позволяет пользователям переключаться между пользовательскими режимами приложения или пользовательскими подмножествами данных, вам необходимо разработать значки панели вкладок, которые четко описывают эти режимы или подмножества. В этом разделе приведены рекомендации по созданию значков, которые хорошо работают на панелях навигации, панелях инструментов и панелях вкладок.

Прежде чем создавать искусство для своей иконы, нужно потратить некоторое время на размышления о том, что оно должно передать. При рассмотрении дизайна, стремитесь к иконке, которая:

  • Простой и отлаженный. Слишком много деталей может привести к тому, что значок окажется неаккуратным или не поддающимся расшифровке.
  • Не легко принять за один из системных значков. Пользователи должны быть в состоянии отличить ваш пользовательский значок от стандартных значков с первого взгляда.
  • Легко понимаемый и широко приемлемый. Стремитесь создать символ, который большинство пользователей будет интерпретировать правильно и который никто не посчитает оскорбительным.

После того, как вы определились с внешним видом значка, следуйте приведенным ниже инструкциям при его создании:

  • Используйте формат PNG.
  • Используйте чистый белый с соответствующей альфа.
  • Не включать тень.
  • Использовать сглаживание.
  • Если вы решили добавить скос, убедитесь, что он равен 90 ° (чтобы помочь вам в этом, представьте источник света, расположенный в верхней части значка).
  • Для значков панели инструментов и панели навигации создайте значок размером примерно 20 x 20 пикселей.
  • Для значков панели вкладок создайте значок размером примерно 30 x 30 пикселей ...
16 голосов
/ 28 апреля 2011

Это утверждение технически неверно:

"... используется только маска. Пользовательский интерфейс отображает маску серого цвета, если она не выбрана, или синего / хромового цвета при выборе ..."

Вы не предоставляете маску любого типа. Скорее, изображение вкладки должно быть просто монохромным .png изображением, или только одним используемым цветом .

Если вы предоставите цветное изображение, UIKit будет квантовать его до монохромного изображения. В худшем случае цветное изображение будет ~ 8000 байт, что является пустой тратой ~ 6 Кб (сетчатка). Формат файла должен быть 24-разрядным .png с прозрачностью для правильной работы квантования. Несмотря на то, что это цветной формат файла, не используйте цвет или вы тратите пространство впустую.

Суть в том, чтобы иметь правильный размер, с лучшей производительностью и использованием памяти, используйте один из них:

Стандартный дисплей
48x32 .PNG, 24-битный с прозрачностью (но используйте только 1 цвет) . В худшем случае размер ~ 500 байт.
30x30 .PNG, 24-битный с прозрачностью (но используйте только 1 цвет) . В худшем случае размер ~ 350 байт.

Дисплей сетчатки
60x60 .PNG, 24-битный с прозрачностью (но используйте только 1 цвет) . В худшем случае размер ~ 2000 байт.

5 голосов
/ 30 сентября 2008

Проверьте «Ссылку на класс UITabBarItem» в документации SDK

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...