Как я могу иметь разные цвета для разных вкладок в SuperTabNavigator.

Question

Как я могу иметь разные цвета для разных вкладок в SuperTabNavigator.

Ниже приведен код моего SuperTabNavigator с тремя вкладками:

<containers:SuperTabNavigator x="0"
                     y="10"
                     width="100%"
                     height="100%"
                     right="1"
                     top="1"
                     left="1"
                     bottom="1" color="black"
                     creationPolicy="all"
                     id="tab_nav" popUpButtonPolicy="{SuperTabNavigator.POPUPPOLICY_OFF}">
        <mx:Canvas label="My Friends" id="friends_container" width="100%" height="100%"/>
<mx:Canvas label="My Groups" id="groups_container" width="100%" height="100%"/>
<mx:Canvas label="Address Book" id="address_container" width="100%" height="100%"/>
</containers:SuperTabNavigator>

Я хочу иметь разные цвета для каждой вкладки.

Как мне это сделать.

Я знаю, что есть firstTabStyleName и lastTabStyleName: есть ли способ использовать secondTab или middleTab, что-нибудь подобное может помочь мне иметь разные цвета на вкладках.

Answer 1

Окей, я действительно не получил очень хороший ответ на это. Но я нашел способ, который решает мою цель.

<containers:SuperTabNavigator x="0"
                 y="10"
                 width="100%"
                 height="100%"
                 right="1"
                 top="1"
                 left="1"
                 bottom="1" color="black"
                 creationPolicy="all"
                 tabStyleName="secondTabGradient"
                 firstTabStyleName="firstTabGradient"                    
                 lastTabStyleName="lastTabGradient"
                 id="tab_nav" popUpButtonPolicy="{SuperTabNavigator.POPUPPOLICY_OFF}">
    <mx:Canvas label="My Friends" id="friends_container" width="100%" height="100%"/>

Таким образом, firstTabGradient получает стиль для первой вкладки, secondTabGradient для второй вкладки и lastTabGradient для последней вкладки, что для меня является третьей вкладкой.

Таким образом, получите три разных цветных вкладки.

Я все еще работаю над частью CSS. Но это достаточно хорошо для любых ссылок:

    <mx:Style>
    .firstTabGradient
    {
        backgroundImage: ClassReference("custom.GradientBackground");
        backgroundSize: "100%";
        background-color: green;
        fillColors: #23b34d, #06832a;
        fillAlphas: 1, 1;           
    }
    .lastTabGradient
    {
        backgroundImage: ClassReference("custom.GradientBackground");
        backgroundSize: "100%";
        background-color: blue;
        fillColors: #028edf, #02bba0;
        fillAlphas: 1, 1;
    }
    .secondTabGradient
    {
        backgroundImage: ClassReference("custom.GradientBackground");
        backgroundSize: "100%";
        background-color: red;
        fillColors: #d70324, #a6001a;
        fillAlphas: 1, 1;
    }

</mx:Style>

Спасибо Zeeshan

Answer 2

не похоже, что у них есть стили для этого. Возможно, вам не удастся использовать отдельные стили, не создав собственного расширения панели вкладок.