Flex样式-ButtonBar篇

ButtonBar样式配置详解

最新推荐文章于 2025-07-21 09:46:24 发布

最新推荐文章于 2025-07-21 09:46:24 发布 · 211 阅读

本文详细介绍了ButtonBar组件的样式配置方法，包括按钮高度、宽度、间距等属性设置，并提供了不同状态下的样式定义，如高亮、填充颜色及字体样式等。

ButtonBar {
   buttonHeight: 50;
   buttonWidth: 140;
   horizontalGap: -1;
   textIndent: 0;
   letterSpacing: 0;
   buttonStyleName: "mybuttonBarButtonStyle";
   firstButtonStyleName: "mybuttonBarFirstButtonStyle";
   lastButtonStyleName: "mybuttonBarLastButtonStyle";
}

.mybuttonBarButtonStyle {
   highlightAlphas: 1, 1;
   fillAlphas: 0.81, 0.52, 0.75, 0.65;
   fillColors: #00cc00, #ff0000, #000000, #660000;
   color: #000000;
   textRollOverColor: #00cccc;
   textSelectedColor: #99ff00;
   borderColor: #ffff00;
   themeColor: #00ffff;
   fontFamily: Times New Roman;
   fontSize: 14;
   fontWeight: bold;
   fontStyle: italic;
   textDecoration: underline;
}

.mybuttonBarFirstButtonStyle {
   cornerRadius: 10;
}

.mybuttonBarLastButtonStyle {
   cornerRadius: 10;
}