使用 FLEX 4 动态更改 TabBar 中选定 TAB 的样式
我想更改 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)" />
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("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)" />
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
只需右键单击选项卡栏上方（在设计模式下），然后选择“创建皮肤”，然后按照向导操作，即可使用结果皮肤更改您最近想要的任何内容。
使用 Flex 4，一旦组件基于 Spark，皮肤将是定义组件的自定义外观和感觉的更合适的方法。
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.