Нужна помощь в оформлении TabNavigator во Flex

Question

У меня есть элемент управления навигатором вкладок, и я хотел бы сделать все вкладки определенного цвета, скажем, синего ...

Как это можно сделать?

Я пробовал через следующий CSS:

TabNavigator
{
    tabStyleName: "tabs";
}
.tabs {
    backgroundColor:#6588b9;
}

но, похоже, работает только с выбранной вкладкой ...

Затем я попытался сделать это программно:

for(var i:int=0; i<num_of_tabs; i++)
    tn.getTabAt(i).setStyle("backgroundColor","blue");

Все же происходит то же самое (синий фон отображается только на выбранных вкладках)

Что я могу сделать, чтобы все вкладки были голубыми? Я собираюсь посмотреть на шкуры?

Спасибо.

Answer 1

У меня есть проект со стилизованными вкладками (я полагаю, вы имеете в виду сами вкладки, а не содержимое). Я уверен, что есть и другие способы, но я, похоже, закончил с этим:

.myTabStyle {
    tabStyleName: "myTabs"
}
.myTabs {
    backgroundColor: #ff0000;
    fillColor: #000000;  /* this is the tab widget itself, not the content */
}
<mx:TabNavigator ... styleName="myTabStyle" .. >

В Flex есть несколько мест, где вам нужно использовать стили CSS для ссылки на другие стили, чтобы развернуть нужный виджет (другой пример - установка стиля заголовка в TitleWindow).

Надеюсь, это поможет.

Кстати, я видел случайные «разрывы» на Mac и Windows, FireFox, IE, Safari, Flash 9 и 10 с большими шрифтами и цветными вкладками - я не уверен, что я этим занимаюсь что-то о более крупных шрифтах или самих цветных вкладках - но только один на один. Это происходит только при сборке с Flex 3 SDK (никогда не видел его с Flex 2).