Flex 4.6 TabbedViewNavigator - Удалить границу

Question

Как полностью удалить границы кнопок TabbedViewNavigator в Flex?

Я попытался 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 как хотите. Вы можете добавить изображение вместо метки.