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继承的。您应该为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主机组件的外观，请查看以下屏幕：

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

Answer 2

创建spark.components.TabbedViewNavigator为HostComponent的自定义皮肤，并定义以下组件以使其正常工作。现在按照您的意愿为您的TabBar换肤。您可以添加图像而不是标签。