apache-flex - 需要帮助在 Flex 中设计 TabNavigator 样式

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 中从未见过)。