开发者

Change Style of selected TAB in TabBar dynamically with FLEX 4

I want to change the background color of selected tab in spark TabBar control(Flex4).

Till Flex3 we could have use the following code, bt it is not working in FLEX 4.

<fx:Script>
      <![CDATA[
protected function tabbedPanel_clickHandler(event:MouseEvent):void
        {
            var tab:Tab = Tab(tabbedPanel.getChildAt(1));
            tab.setStyle("fillC开发者_开发问答olors", ["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)" />


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


Just right click above the TabBar ( in design mode ), and choose "Create skin" then follow the wizzard, and change whatever you wana lately with the result skin.

With Flex 4, the skining shall be more proper way to define custom look and feels of the components, as soon as they are Spark based.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜