Как изменить цвет фона вкладки TabBar в пользовательском компоненте TabNavigator

Question

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

в моем CustomTabNavigator классе, у меня есть это переопределение:

override protected function updateDisplayList (w:Number, h:Number):void { 
    super.updateDisplaylist(w,h); 

    tabBar.styleName="CustomTabBarStyle"; 
} 

А вот CSS в <style> декларации:

.CustomTabBarStyle { 
    tabHeight:100; 
    tabWidth:100; 
    tabStyleName: "CustomTab"; 
    backgroundColor: #FFFFFF; 
} 

.CustomTab { 
    backgroundColor: #FFFFFF; 
    color: haloBlue; 
} 

Цвет haloBlue текста применяется, а также tabHeight и tabWidth. Однако цвет фона не изменяется. Я прошел через около 5 обучающих программ, которые пробовали разные вещи, но безрезультатно ... есть ли способ сделать это в рамках настраиваемого компонента? Все, что я пытаюсь сделать, это избавиться от фона градиента вместо плоского белого фона.

Answer 1

Я смог сделать это, расширив классы TabBar и ButtonBarButton. Затем я создал отдельный скин для пользовательского ButtonBarButton, который использовал пользовательский цвет фона, вытащенный из нового поля в пользовательском классе (например, hostComponent.tabBackgroundColor).

Если у кого-то есть лучшее решение, использующее метод CSS, я был бы рад принять это вместо этого (поскольку именно это я и требовал).