Flex 学习之路之五 用户接口user interface 应用风格

<?xml version="1.0"?>
<!-- components\MXMLStyles.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:BorderContainer id="myBC1"
borderStyle="solid">
<s:Button label="Submit"/>
</s:BorderContainer>
<s:BorderContainer id="myBC2"
borderStyle="solid"
borderColor="red">
<s:Button label="Submit"/>
</s:BorderContainer>
</s:Application>

<?xml version="1.0"?>
<!-- components\ComponentsASStyles.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Script>
<![CDATA[
private function initBC():void {
myBC2.setStyle("borderColor", "red");
}
]]>
</fx:Script>
<s:BorderContainer id="myBC1"
borderStyle="solid">
<mx:Button label="Submit"/>
</s:BorderContainer>
<s:BorderContainer id="myBC2"
borderStyle="solid"
initialize="initBC();">
<mx:Button label="Submit"/>
</s:BorderContainer>
</s:Application>

<?xml version="1.0"?>
<!-- components\TagStyles.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Style>
.myStyle {borderColor: red;}
</fx:Style>
<s:BorderContainer id="myBC1"
borderStyle="solid">
<mx:Button label="Submit"/>
</s:BorderContainer>
<s:BorderContainer id="myBC2"
borderStyle="solid"
styleName="myStyle">
<mx:Button label="Submit"/>
</s:BorderContainer>
</s:Application>

第一种通过属性设置风格，第二种通过事件设置风格，第三种是不是有CSS的风格