Flex样式-TabNavigator篇-优快云博客

本文详细介绍了一个TabNavigator组件的具体样式配置参数，包括高度、宽度、边框颜色等，并定义了选中状态下的文字样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TabNavigator {
   tabHeight: 31;
   tabWidth: 96;
   cornerRadius: 10;
   horizontalGap: -2;
   horizontalAlign: left;
   tabOffset: 2;
   textIndent: 2;
   backgroundAlpha: 0.77;
   backgroundColor: #999966;
   borderStyle: solid;
   borderColor: #cc0000;
   borderThickness: 2;
   color: #000000;
   dropShadowEnabled: true;
   shadowDirection: center;
   shadowDistance: 17;
   dropShadowColor: #ffff00;
   tabStyleName: "myTabs";
   firstTabStyleName: "myTabs";
   lastTabStyleName: "myTabs";
   selectedTabTextStyleName: "mySelectedTabs";
}

.myTabs {
   cornerRadius: 10;
   highlightAlphas: 0.42, 0;
   letterSpacing: 1;
   fillAlphas: 0.74, 0.4;
   fillColors: #99ff00, #3333ff;
   backgroundAlpha: 0.88;
   backgroundColor: #66ccff;
   borderColor: #00ff00;
   color: #cc0000;
   textRollOverColor: #cc00ff;
   themeColor: #ffff00;
   textAlign: center;
   fontFamily: Courier;
   fontSize: 18;
   fontWeight: bold;
   fontStyle: italic;
   textDecoration: underline;

}

.mySelectedTabs {
   letterSpacing: 1;
   color: #cc0000;
   textAlign: left;
   fontFamily: Arial;
   fontSize: 14;
   fontWeight: bold;
   fontStyle: italic;
   textDecoration: underline;
}