Flex 4.6 TabbedViewNavigator - 删除边框答案

【问题标题】：Flex 4.6 TabbedViewNavigator - Remove BorderFlex 4.6 TabbedViewNavigator - 删除边框
【发布时间】：2013-04-22 15:58:44
【问题描述】：

如何在 Flex 中彻底去除 TabbedViewNavigator 的按钮边框？

我试过 CSS，用 AS 和 MXML 替换皮肤，但没有成功：

我想为 TabBar 创建一个自定义皮肤，用图标替换背景图像和标签，可以吗？

【问题讨论】：

标签： apache-flex tabbar

【解决方案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宿主组件的Skin，请看下图：

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

【讨论】：

【解决方案2】：

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

【讨论】：