Flex 4.6 TabbedViewNavigator - 删除边框

Question

如何在Flex中完全删除TabbedViewNavigator的按钮边框？

我试过CSS，没有运气替换AS和MXML皮肤：

tab http://f.cl.ly/items/1l0z440J2c2x0O0U0A1P/aaa.png。

我想创建一个自定义外观到TabBar，用图标替换背景图片和标签，这有可能吗？

Answer 1

是的，一切都是可能的皮肤。 TabBar是TabbedVieNavigator的一部分，TabBar也是从ButtonBar继承的。你应该为按钮栏创建的皮肤，并将其设置为您TabbedViewNavigator #tabBar这样的：

<fx:Style> 
    @namespace s "library://ns.adobe.com/flex/spark"; 
    s|TabbedViewNavigator #tabBar 
    { 
     skinClass: ClassReference("views.skins.TabbedViewNavigatorTabBarSkin"); 
    } 
</fx:Style> 

其中TabbedViewNavigatorTabBarSkin是按钮栏主机组件的皮肤，请看看下面的屏幕：

然后，您只需创建自己的ButtonBar按钮皮肤，并设置自己的BG颜色和图标以及其他所需的东西。希望这对你有所帮助。

Answer 2

使用spark.components.TabbedViewNavigator作为HostComponent创建自定义外观并定义以下组件以使其工作。如你所愿，为你的TabBar蒙皮。您可以添加图像而不是标签。