Question

我想更改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)" />

Answer 1

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

Answer 2

右键单击TabBar上方（在设计模式下），然后选择“创建皮肤”，然后按照wizzard，最后用结果皮肤更改你想要的任何内容。

使用Flex 4，只要它们基于Spark，skining就会更恰当地定义组件的自定义外观。

使用FLEX 4动态更改TabBar中所选TAB的样式

2 个答案: