样式的使用（一）

样式共有三种方式：

一、tag标签

	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<mx:VBox id="myVBox1" borderStyle="solid">
		<mx:Button label="Submit"/>
	</mx:VBox>
	<mx:VBox id="myVBox2"
		borderColor="red"
		borderStyle="solid"
		paddingTop="12"
		paddingBottom="12" >
		<mx:Button label="Submit"/>
	</mx:VBox>

 

二、actionscript

	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			private function initVBox():void {
				myVBox2.setStyle("paddingTop", 12);
				myVBox2.setStyle("paddingBottom", 12);
				myVBox2.setStyle("borderColor","red");
			}
		]]>
	</fx:Script>
	<mx:VBox id="myVBox1" borderStyle="solid">
		<mx:Button label="Submit"/>
	</mx:VBox>
	<mx:VBox id="myVBox2"
		borderStyle="solid"
		initialize="initVBox();">
		<mx:Button label="Submit"/>
	</mx:VBox>
	

三、在<fx:Style>

	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<fx:Style>
		.myStyle {paddingTop: 12; paddingBottom: 12;borderColor:red;}
	</fx:Style>
	<mx:VBox id="myVBox1" borderStyle="solid">
		<mx:Button label="Submit"/>
	</mx:VBox>
	<mx:VBox id="myVBox2"
		styleName="myStyle"
		borderStyle="solid">
		<mx:Button label="Submit"/>
	</mx:VBox>