如何在自定义TabNavigator组件中更改TabBar选项卡背景颜色

Question

我正在创建一个要在其他应用程序中使用的自定义TabNavigator组件。但是现在，选项卡的背景不会改变（尽管其他样式更改也适用）。

在我的CustomTabNavigator课程中，我有这个覆盖：

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

    tabBar.styleName="CustomTabBarStyle";
}

这是<style>声明中的css：

.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方法有更好的解决方案，我很乐意接受（因为这是我原来要求的）。