Flex UI 组件样式配置-优快云博客

本文链接：https://blog.youkuaiyun.com/yesjava/article/details/7261044

本文详细介绍了 Flex 应用中 TabNavigator、DataGrid、AdvancedDataGrid、Alert 和 ToolTip 等 UI 组件的样式配置方法，包括背景颜色、字体大小、边框样式等属性的设置。

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

TabNavigator {
   tabHeight: 25;
   tabStyleName: "myTabs";
}
.myTabs {
   background-color:#DCF4FF;
   cornerRadius:2;
   fontSize: 12;
   fontWeight: normal;
   themeColor: #009DFF;
}
DataGrid {
    backgroundAlpha: 1;
    rollOverColor:#7fcdfe;
    textRollOverColor: #000000;
    textSelectedColor: #FFFFFF;
    horizontalGridLines: true;
    verticalGridLines: true;
    verticalGridLineColor: #c8c8ca;
    borderThickness: 1;
    borderColor: #c8c8ca;
    textAlign:center;
borderStyle: solid;
alternatingItemColors: #FFFFFF, #F1FBFB;
horizontalGridLineColor: #EEEEEE;
verticalAlign: bottom;
}
AdvancedDataGrid{
backgroundAlpha: 1;
    rollOverColor:#7fcdfe;
    textRollOverColor: #000000;
    textSelectedColor: #FFFFFF;
    horizontalGridLines: true;
    verticalGridLines: true;
    verticalGridLineColor: #c8c8ca;
    borderThickness: 1;
    borderColor: #c8c8ca;
    textAlign:center;
borderStyle: solid;
alternatingItemColors: #FFFFFF, #F1FBFB;
horizontalGridLineColor: #EEEEEE;
verticalAlign: bottom;
sort-font-weight:bold;
default-leaf-icon:Embed(source='assets/images/page_white_star.png');
}
Alert {
backgroundColor: #ffffff;
color: #000000;
   dropShadowEnabled:false;
   borderColor:#adcfef;
   cornerRadius:3;
   headerColors:#FFFFFF,#ABE5FF;
   buttonStyleName:"alertButtonStyle";
}
.alertButtonStyle{
fontSize: 12;
}
ToolTip {
   backgroundAlpha: 1;
   cornerRadius: 0;
   backgroundColor: #DFFD92;
   fontSize: 12;
   fontWeight: normal;
   fontFamily: Courier;
   textAlign: center;
}

flex 样式2