actionscript-3 - 如何更改自定义 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 方法有更好的解决方案，我很乐意接受它（因为那是我最初要求的）。