apache-flex - Flex 4.6 TabbedViewNavigator - 删除边框

Question

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

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

.

我想为 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 宿主组件的 Skin，请看下面的屏幕：

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

Answer 2

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