Flash 更改Flex 3中选项卡的样式

我是Flex3.4新手。我想改变一些标签的样式（突出显示它们）点击一个按钮。我来自javascript背景，无法以Flex的方式进行解释。

在Flex中设置选项卡的样式有点棘手-TabBar和TabNavigator类有一个名为

tabStyleName

的样式，它是定义选项卡外观的另一个单独样式的名称。下面是一个示例，通过更改选项卡栏上的

tabStyleName

样式，将一组选项卡从红色背景更改为蓝色-希望您可以根据需要对其进行调整

---

.红字{
填充颜色：#cc0000，#cc0000；
}
.蓝鳍金枪鱼{
填充颜色：#0000cc，#0000cc；
}

---

编辑：我已将示例更改为使用TabNavigator。

在Flex中设置选项卡的样式有点棘手-TabBar和TabNavigator类有一个名为

tabStyleName

的样式，它是定义选项卡外观的另一个单独样式的名称。下面是一个示例，通过更改选项卡栏上的

tabStyleName

样式，将一组选项卡从红色背景更改为蓝色-希望您可以根据需要对其进行调整

---

.红字{
填充颜色：#cc0000，#cc0000；
}
.蓝鳍金枪鱼{
填充颜色：#0000cc，#0000cc；
}

编辑：我已将示例更改为使用TabNavigator

  <mx:Style>
    .redTabs {
      fillColors: #cc0000, #cc0000;
    }

    .blueTabs {
      fillColors: #0000cc, #0000cc;
    }
  </mx:Style>

  <mx:Script>
    <![CDATA[
      protected function changeStyle(event:MouseEvent):void
      {
        theTabs.setStyle("tabStyleName", "blueTabs");
      }
    ]]>
  </mx:Script>

  <mx:TabNavigator id="theTabs" x="10" y="10" width="200" height="200" tabStyleName="redTabs">
    <mx:Canvas label="apple" width="100%" height="100%">
    </mx:Canvas>
    <mx:Canvas label="orange" width="100%" height="100%">
    </mx:Canvas>
    <mx:Canvas label="banana" width="100%" height="100%">
    </mx:Canvas>
  </mx:TabNavigator>

  <mx:Button x="10" y="218" label="Change Style!" click="changeStyle(event)"/>