使用线上样式可以将样式属性设置为 MXML 标签中该组件的属性。除了通过使用 setStyle() 标签定义的运行时样式更改之外, 线上样式定义优先于任何其他样式定义。例如, 您可以通过使用 <mx:VBox> 标签的 paddingTop 和 paddingBottom 属性在 Box 容器的边框与其内容之间设置填充。 类似地, 您可以使用 borderStyle 属性来定义组件的边框的可视外观。

示例
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    width="150" height="140"
    viewSourceURL="src/StylesTagAttributes/index.html"

>
    <mx:VBox id="myVBox1" borderStyle="solid">
        <mx:Button label="Submit"/>

    </mx:VBox>
    <mx:VBox
        id="myVBox2" borderStyle="solid"
        paddingTop="12" paddingBottom="12"
    >
        <mx:Button label="Submit"/>

    </mx:VBox>
</mx:Application>


使用 setStyle() 方法使用 setStyle() 方法操纵 ActionScript 中的控件实例的样式属性。 使用此方法应用样式与使用样式表应用样式相比, 需要在客户端上有更大数量的处理功率, 但对如何应用样式提供更多粒度控制。

setStyle() 方法采用两个参数: 样式名称和样式值。

提示: 第一次实例化对象和设置样式时, 应尝试应用样式表而不是使用 setStyle() 方法, 因为据估算, 此方法很昂贵。 仅当要在运行时过程中更改对象的样式时, 才应使用此方法。

示例
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    width="150" height="140"
     viewSourceURL="src/StylesSetStyle/index.html"
>
    <mx:Script>
        <![CDATA[
            private function initVBox():void
            {
                myVBox2.setStyle("paddingTop", 12);
                myVBox2.setStyle("paddingBottom", 12);
            }
        ]]>
    </mx:Script>
    
    <mx:VBox borderStyle="solid">
        <mx:Button label="Submit"/>

    </mx:VBox>
    <mx:VBox
        id="myVBox2" borderStyle="solid"
        paddingTop="12" paddingBottom="12"
        initialize="initVBox();"
    >
    <mx:Button label="Submit"/>
    </mx:VBox>
</mx:Application>