flex设置样式的几种方式-优快云博客

本文详细介绍了在Flex框架中使用本地样式定义、外部样式表及内联样式的方法，并展示了如何通过ActionScript中的setStyle()方法进行样式操作。重点突出了内联样式在优先级上的优势。

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

使用本地样式定义

<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>

转载于:https://www.cnblogs.com/ddw1997/archive/2012/10/11/2719852.html