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

StackOverflow https://stackoverflow.com/questions/151746

  •  02-07-2019
  •  | 
  •  

Вопрос

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

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

Заранее благодарю.

Это было полезно?

Решение

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

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

Другие советы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Проверьте "Ссылку на класс UITabBarItem" в Документация SDK

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top