使用 FLEX 4 动态更改 TabBar 中选定 TAB 的样式答案

【问题标题】：Change Style of selected TAB in TabBar dynamically with FLEX 4使用 FLEX 4 动态更改 TabBar 中选定 TAB 的样式
【发布时间】：2011-09-25 16:41:52
【问题描述】：

我想更改 spark TabBar 控件（Flex4）中选定选项卡的背景颜色。

在 Flex3 之前，我们可以使用以下代码，但它在 FLEX 4 中不起作用。

<fx:Script>
      <![CDATA[
protected function tabbedPanel_clickHandler(event:MouseEvent):void
        {
            var tab:Tab = Tab(tabbedPanel.getChildAt(1));
            tab.setStyle("fillColors", ["red", "white"]);
            tab.setStyle("fillAlphas", [1.0, 1.0]);
            tab.setStyle("backgroundColor", "red");
        }
]]>
</fx:Script>
<s:TabBar  id="tabbedPanel" direction="ltr" x="10" y="20" height="22"  cornerRadius="5" dataProvider="{viewStack}" click="tabbedPanel_clickHandler(event)" />

【问题讨论】：

标签： apache-flex tabbar flex-spark

【解决方案1】：

tab.setStyle("chromeColor", "#CCCCCC");

【讨论】：

【解决方案2】：

只需右键单击 TabBar 上方（在设计模式下），然后选择“创建皮肤”，然后按照向导操作，并使用结果皮肤更改您最近想要的任何内容。

在 Flex 4 中，蒙皮应该是定义组件自定义外观和感觉的更合适的方式，只要它们是基于 Spark 的。

【讨论】：