flex TabNavigator样式

来源：互联网发布：车博士v30软件升级编辑：程序博客网时间：2024/05/22 06:37

一、设置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>

0 0