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的风格