flex设置样式的几种方式
- 使用本地样式定义
<fx:Style> @namespace mx "library://ns.adobe.com/flex/halo"; @namespace s "library://ns.adobe.com/flex/spark"; .solidBorder{ border-style:solid;} #solidBorderPaddedVertically{ padding-top:12; padding-bottom:12; border-style:solid; } </fx:Style>
- 使用外部样式表
<fx:Style source="external.css"/>
- 使用内联样式
可以像设定组件的属性一样在MXML标签中设定样式属性。内联样式的优先级高于本地样式和外部样式。例如:
<:Button id="myButton" fontSize="15" label="My Button"/>
- 使用 setStyle() 方法
可以在ActionScript中使用方法来操作组件的样式属性。使用setStyle()方法的优先级是最高的。
setStyle() 方法采用两个参数: 样式名称和样式值。
<fx:Script> <![CDATA[ private function initVbox():void { box2.setStyle("paddingTop",12); box2.setStyle("paddingBottom",12); box2.setStyle("borderStyle","solid"); } ]]> </fx:Script>