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蒙皮。您可以添加圖像而不是標籤。