Технические вопросы и ответы QA1808

Соответствие цвета оттенка панели к цвету корпорации или бренда

Q: Как я выбираю цвет оттенка панели, который будет соответствовать мою корпорацию или выпускать под брендом цвет?

A: Начинаясь с iOS 7, панели навигации, панели вкладок и панели инструментов (впредь называемый 'панелями') сконфигурированы, чтобы быть полупрозрачными по умолчанию. Полупрозрачная панель смешивает barTintColor с серым прежде, чем объединить его с определенным с помощью системы альфа-значением для создания заключительного цвета фона, использующегося для составления композита панели с содержанием, над которым это лежит. Это представляет собой проблему для разработчиков, хотящих поддержать непротиворечивую цветовую схему в их приложениях, потому что они должны составить цвет передачи содержания под полупрозрачной панелью при выборе цвета оттенка панели. Недавние обновления к iOS 7 помогли улучшить эту проблему путем увеличивания определенной с помощью системы альфа-стоимости, упомянутой ранее. Результат состоит в том, что панели с пользовательским цветом оттенка панели появляются больше непрозрачное, давая разработчикам лучший контроль над итоговым цветом, произведенным путем составления композита панели с содержанием под ним.

Для вычислений панели окрашивают цвет для соответствия данного цвета (например, для корпоративного образа или индивидуальности бренда), цвет, который Вы передаете-setBarTintColor: метод должен будет составить полупрозрачность, которую iOS поддерживает для панели. Также обратите внимание на то, что альфа-канал для цвета, который Вы передаете, будет проигнорирован, начиная со средств управления iOS для этого для достижения полного эффекта полупрозрачности.

Достижение корректного цвета для крашеных панелей может потребовать некоторого экспериментирования. Вы, возможно, также должны принять во внимание содержимое приложения, передающее под панелью (например, фотографии или текст).

Начальная точка должна затемнить каждый из каналов RGB в Вашем цвете панели 0,12. Например:

Перечисление 1  Вычисляя панель окрашивает цвет от данного цвета.

UIColor *corporateColor = [UIColor colorWithRed:0.20 green:0.40 blue:0.20 alpha:1.0];
UIColor *barTintColor = [UIColor colorWithRed:0.08 green:0.28 blue:0.08 alpha:1.0];

Если начальный цвет в канале уже - меньше чем 0,12, Вы, возможно, должны затемнить другие каналы больше чем 0,12, как так:

Перечисление 2  Вычисляя панель окрашивает цвет от данного цвета с одним или более каналами, которые являются близко к нулю.

UIColor *corporateColor = [UIColor colorWithRed:0.04 green:0.40 blue:0.20 alpha:1.0];
UIColor *barTintColor = [UIColor colorWithRed:0.00 green:0.24 blue:0.04 alpha:1.0];

Снова, Вы, возможно, должны экспериментировать с более или менее затемнением для получения точного эффекта, которого Вы пытаетесь достигнуть.



История версии документа


ДатаПримечания
20.03.2014

Новый документ, описывающий, как выбрать надлежащий цвет оттенка панели для соответствия корпорации или цвета бренда.