FlexCss手册：深入探索FLEX样式定义与应用

FlexCSS完全手册是一份详细介绍Adobe Flex库中样式管理的详细指南。它涵盖了Flex应用中如何有效地使用不同类型的样式定义，包括本地样式、外部样式表、内联样式以及通过ActionScript的setStyle()方法来操控组件样式。 1. **本地样式定义**： Flex允许开发者使用<mx:Style>标签在MXML文件中创建并定义本地样式，遵循CSS2.0语法。例如，通过创建`.solidBorder`类样式，可以定义如`border-style:solid;`这样的样式规则，并在需要的地方通过`styleName`属性应用。同时，组件级别的样式定义，如`<mx:button>`，可以直接定义样式，如`border-style:solid;`。 2. **外部样式表**： Flex支持将样式管理扩展到整个项目，通过`<mx:Styles>`标签的`source`属性引入外部CSS样式表，如`<mx:Application><mx:Styles source="style/style.css"/>`。这使得开发者可以集中管理全局样式，提高代码复用性。 3. **内联样式**： 在MXML标签中，可以直接设置组件的样式属性，例如`<mx:button borderStyle="solid">`。内联样式具有较高的优先级，当同一组件同时受到本地样式和外部样式影响时，内联样式会覆盖其他定义。 4. **setStyle()方法**： ActionScript提供了`setStyle()`方法，用于动态地在运行时修改组件的样式属性。这种方式的优先级最高，可以在程序逻辑中灵活控制组件的外观，如在`initButton()`函数中调用`myButton.setStyle('borderStyle', 'solid');`来改变按钮的边框样式。 5. **组件样式属性举例**： - Application组件：提供了一系列样式属性，如`borderColor`，用于设置组件的边框颜色。 - Panel组件：同样有多种样式属性可供调整，如文本颜色。 - TabNavigator、List、Tree、TextInput等组件，各自有特定的样式属性，如`color`用于设置文本颜色，`borderColor`用于设置边框颜色。 FlexCSS完全手册是Flex开发者必备的参考资料，它详细介绍了如何利用各种方式来控制Flex应用中的组件样式，确保了UI的一致性和可维护性。无论是初学者还是经验丰富的开发人员，都能从中找到所需的信息来提升他们的Flex项目设计能力。