如何在自定義TabNavigator組件中更改TabBar選項卡背景顏色

我正在創建要在其他應用程序中使用的自定義TabNavigator組件。但現在，選項卡的背景不會改變（儘管其他樣式更改也適用）。如何在自定義TabNavigator組件中更改TabBar選項卡背景顏色

在我CustomTabNavigator類，我有這樣的控制裝置：

override protected function updateDisplayList (w:Number, h:Number):void { 
    super.updateDisplaylist(w,h); 

    tabBar.styleName="CustomTabBarStyle"; 
}

，這裏是在<style>聲明的CSS：

.CustomTabBarStyle { 
    tabHeight:100; 
    tabWidth:100; 
    tabStyleName: "CustomTab"; 
    backgroundColor: #FFFFFF; 
} 

.CustomTab { 
    backgroundColor: #FFFFFF; 
    color: haloBlue; 
}

文本的haloBlue色彩應用，以及tabHeight和tabWidth。背景顏色不會改變。我已經通過大約5個教程嘗試不同的事情，無濟於事...是否有辦法在自定義組件中執行此操作？我所要做的就是擺脫漸變背景而不是平坦的白色背景。

來源

2013-02-26 John Leehey

嘗試使用.CustomTab {chromeColor：#FFFFFF; 顏色：haloBlue; } – 2013-02-26 21:22:05

@IlyaZ，使所選標籤的背景爲純白色，所以進步:)你知道它不適用於其他標籤的原因嗎？ – 2013-02-26 22:35:59

你使用哪個flex版本？嘗試在.CustomTabBarStyle類中使用chromeColor。 – 2013-02-27 07:22:49

我能夠通過擴展TabBar和ButtonBarButton類來實現這一點。然後，我爲自定義ButtonBarButton創建了一個單獨的外觀，該自定義背景色用於從自定義類中的新字段中拉取（例如hostComponent.tabBackgroundColor）。

如果有人使用CSS方法有更好的解決方案，我會很樂意接受它（因爲這是我最初的要求）。

來源

2013-03-01 01:12:32

如何在自定義TabNavigator組件中更改TabBar選項卡背景顏色

回答

相關問題