如何在SuperTabNavigator中爲不同的選項卡使用不同的顏色。

如何爲SuperTabNavigator中的不同選項卡使用不同的顏色。如何在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>

我想有不同的顏色爲每個不同的標籤。

我該怎麼做。

我知道有第一個TabStyleName和lastTabStyleName：有沒有什麼辦法讓secondTab或middleTab，類似的東西可以幫助我在選項卡上也有不同的顏色。

來源

2010-04-02 Zeeshan Rang

Okey我真的沒有得到一個很好的答案。但我找到了解決我的目的的方法。

<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

來源

2010-04-03 01:50:29

看起來不像他們有風格。如果沒有自己的標籤欄擴展名，您可能無法擁有獨立的樣式。

來源

2010-04-02 22:00:24 invertedSpear

不，我知道這是可能的。因爲我曾經親眼看過它完成過。 – 2010-04-02 22:28:28

並不是說這不可能，只是說他們沒有爲它設置樣式。您需要自己擴展控件，以便能夠獨立地爲選項卡提供樣式。 – invertedSpear 2010-04-02 22:42:38

但我可以使用firstTabStyleName和lastTabStyleName爲第一個和最後一個選項卡resp。它只是中間的標籤。因爲我只有三個標籤，第二個標籤或中間標籤。對？ – 2010-04-02 22:48:16

如何在SuperTabNavigator中爲不同的選項卡使用不同的顏色。

回答

相關問題