Как я могу получить белые на черных кнопках, работающих в верхней панели в iOS7 и iOS6 с помощью Trigger.io?

Question

Используя черный оттенок с light_content стиле:

forge.topbar.removeButtons() 
forge.topbar.setStatusBarStyle("light_content") 
forge.topbar.setTint([0,0,0,255]) 

Добавление кнопок. Изображения черного цвета на прозрачный .png-х:

{ 
    icon: 'images/info.png' 
, tint: [255,255,255,255] 
, position: 'right' 
} 

Это работает для iOS7, однако в iOS6 показывает черный на белом фоне внутри кнопки. Я попытался изменить изображение, белый на прозрачный, белый на черном - и я не могу получить белые изображения черных кнопок для работы как с iOS6, так и с iOS7.

Есть ли способ создать изображения или указать вызовы API forge, чтобы заставить это работать? Или это ошибка в реализации верхней панели фуража?

Answer 1

Для белого на черном кнопки (на основе белого (или черного) на прозрачный PNG) переключить оттенок, основанный на обнаружении агента пользователя, предоставленной Connor:

var tint = (navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS 7_\d/i) !== null) 
    ? [255,255,255,255] 
    : [0,0,0,255]; 

Кроме того, размер изображения для значков topbar должен быть 44x44 пикселей, не 64x64, как можно заключить из документации.

Answer 2

Это связано с изменениями в базовом способе, в котором iOS 7 отображает как верхнюю панель, так и панель. API, предоставляемый Trigger, пытается быть как можно ближе между версиями, но иногда он должен выглядеть по-другому, чтобы поддерживать новые функции платформы.

Самый простой способ сделать то, что вы хотите, чтобы обнаружить IOS 7 и запустить другой код, вы можете сделать это следующим образом:

if (navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS 7_\d/i) !== null) { 
    // iOS 7 specific code 
} else { 
    // iOS 6 and lower specific code 
}