flex基础——分别用MXML、ActionScript初始化controls组件

一个Flex控件其实是一个AS类，它即可以在MXML里用基于标签的方式声明，也可以使用AS语句进行声明。
为了弄清我们该怎样使用一个控件，你首先得知道控件的公开的接口，即它的API，你需要知道有关控件的如下知识：

属性、方法、事件、样式、效果。你可以使用MXML初始化你的控件，我们称之为声明实例。你也可是使用 ActionScript3.0来初始化控件，我们叫它编程实例。

?

用MXML实现Label控件：

?

<?xml version="1.0" encoding="utf-8"?><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" minWidth="955" minHeight="600"><s:Button id= "myButton" label="click me" /><s:Label text="Hello World" fontSize="18" fontWeight="bold" x="30" y="30" /></s:Application>

?

?

用ActionScript实现Label控件：

<?xml version="1.0" encoding="utf-8"?><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" minWidth="955" minHeight="600"><fx:Script><![CDATA[import mx.events.FlexEvent;import spark.components.Label;protected var myActionScriptText:Label;protected function creationCompleteHandler(event:Event):void{  myActionScriptText = new Label();  myActionScriptText.text = "Hello World";  myActionScriptText.setStyle("fontSize", 18);  myActionScriptText.setStyle("fontWeight", "bold");   myActionScriptText.setLayoutBoundsPosition(30,30,true);this.contentGroup.addElement(myActionScriptText);}]]></fx:Script><s:Button id= "myButton" label="click me"   click="creationCompleteHandler(event)"></s:Button></s:Application>

以上可以看出，两种语言实现了同样的作用，但是MXML却用了减少了很多行的代码。而ActionScript却可以重复利用其中的数据。其实各有千秋。