一、设置TabNavigator 选中是白底蓝色字,没选中是蓝底白色字。很纠结的是选中的字体颜色,最后解决了。
.headTabNavigator{
background-color:#FFFFFF;
tab-height:35;
tabOffset: 10;
/*horizontalGap: 0;*/
cornerRadius:0;
tab-style-name:tabFirstTab;
selected-tab-text-style-name:selectedTabText;
}
.tabFirstTab
{
fill-colors:#31B6FD,#31B6FD;
/*background-alpha:0;
border-color:#84B3D6;*/
font-size:14;
selected-fill-colors:#FFFFFF,#FFFFFF;
color:#ffffff;
cornerRadius:0;
/*text-roll-over-color:#fff000;*/
}
.selectedTabText
{
color:#31B6FD;
}
二、想让TabNavigator的子页面出现滚动条,切换的tab不动,需要设置TabNavigator的高度不变,子页面最小高度即可。
<mx:VBox width="100%" height="100%" backgroundColor="#31B6FD">
<mx:TabNavigator width="100%" height="100%" styleName="headTabNavigator">
<mx:VBox label="aa" minHeight="800">
<mx:Label text="1"/>
</mx:VBox>
<mx:VBox label="bb" minHeight="800">
<mx:Label text="2"/>
</mx:VBox>
</mx:TabNavigator>
</mx:VBox>