3.1 MXML3.1 MXML 的构成的构成第三章：MXML语法基础

目录目录

2

什么是 MXML

MXML 与标准

MXML 基本语法

什么是什么是 MXML MXML

3

MXML 是 Flex 应用程序用于进行用户界面组件布局的语言。用户可以通过 MXML 来显式地定义应用程序的非可视方面，例如访问服务器端数据源和用户界面组件与数据源之间的数据绑定。 MXML 基于 XML ，是用来描述用户界面的语言。 MXML遵循 W3C XML 标准，所以也可以把 MXML 看作普通的

XML 文件。可以使用任何的文本编辑器编写 MXML 。下面就是一个 MXML 的例子，包含标签、属性、命名空间等。 <?xml version="1.0" encoding="utf-8"?> <mx:Application

xmlns:mx="http://www.adobe.com/2006/mxml"> </mx:Application>

MXMLMXML 与标准与标准

4

MXML 中融合了众多的标准，为了更好地理解 MXML ，下面讲述 MXML 与多个标准的关系。这些标准分别是XML 、事件模型、 Web 服务、 Java 、 HTTP 、图像和CSS 。

1 ． XML 标准 Flex 程序采用 XML 文档格式。 XML 文档使用标签来定义结构化信息以及他们之间的关系。在MXML 中， <mx:Application> 定义了一个程序的根标签。在 <mx:Application> 标签的子标签中定义程序的其他部分。 MXML 标签的例子包括容器标签，如<mx:VBox> ，用于定义用户界面的矩形区域；控件标签，如 <mx:TextInput> ，用于定义通常的用户界面控件。

MXMLMXML 与标准与标准

5

2 ．事件模型标准。 Flex 中的事件模型是 DOM Level 3 Events 的子集。 DOM Level 3 定义了一个事件系统，它允许事件监听的平台和语言中立。通过树结构来描述事件流程，提供每一个事件的基本信息。 MXML 标签提供属性，再使用 ActionScript 代码来控制事件。例如，在以下代码中， click 事件就触发了 ActionScript 代码来完成下一步操作。 <mx:Button click="mywebservice.myOperation.send()"/>

MXMLMXML 与标准与标准

6

3 ． Web Services 标准。 Flex 提供了标签来调用Web Services 。 Web Services 在 WSDL （ Web Services Description Language ）文件中定义了其界面。 WSDL 具有标准的格式来描述 Web Services 所理解的信息、 Web Services 对信息回应的格式、 Web Services 所支持的协议，以及哪里发送信息。 Flex 支持 Web Services 的要求和返回结果，其格式为 SOAP（ Simple Object Access Protocol ）信息，并且使用HTTP 来传输。 SOAP 提供定义 XML 为基础的格式，用来在用户端和 Web Services 交换信息。

MXMLMXML 与标准与标准

7

4.Java 标准。 Flex 提供 MXML 标签与服务器端的 Java Object 产生联系。

5.HTTP 标准。 Flex 提供 MXML 标签来建立 HTTP GET和 POST 要求，并且可以得到 HTTP 的返回值。

6. 图形标准。 Flex 提供 MXML 标签来使用 JPEG 、 GIF和 PNG 图像格式，同时也提供标签来使用 SWF 文件和SVG 文件。

7.CSS 标准。 MXML 的样式上使用 CSS 标准， CSS 提供了对 Flex 组件的外观和效果定义的途径。

MXMLMXML 基本语法基本语法 --文件名文件名

8

MXML 文件名必须是合法的 ActionScript 标识符号；必须以字母或者下划线（ _ ）起始；文件名中只能包含字母、数字和下划线；文件名不能与 ActionScript 类的名称、组件名一样，也不能是 Application ；不要使用与 MXML标签名一样的文件名；文件名必须有小写的 .mxml 后缀。

MXMLMXML 基本语法基本语法 --组件的属性组件的属性

9

在 MXML 中，组件的属性与相应的 ActionScript 类的属性名称一样。属性名称起始于一个小写的字母，并且在分离的单词的头一个字母使用大写字母。大多数属性可以是标签的一个属性。示例代码如下： <mx:Label x=“139”y=“55”text=“Hello

World!”width=“125”height=“29”></mx:Label> 用户也可以定义组件属性为它的子标签，示例代码如下： <mx:Label>

<mx:x>139</mx:x><mx:y>55</mx:y><mx:text>Hello World!</mx:x>…..

</mx:Label>

MXMLMXML 基本语法基本语法 --样式属性样式属性

10

MXML 标签中的样式属性是与其他属性不同的，因为它对应于 ActionScript 中的使用setStyle(stylename,value) 设定的样式属性。例如，在MXML 代码中，设定文本的 fontFamily 属性为 Tahoma时，代码如下 :

<mx:TextArea id="myText" text="Hello World!" fontFamily="Tahoma"/>

在 ActionScript 中，与上述 MXML 代码得到相同结果的代码如下： myText.text="Hello World!"; myText.setStyle("fontFamily","Tahoma");

MXMLMXML 基本语法基本语法 --常数常数

11

在 MXML 中，可以使用静态的常数，即恒定不变的值来定义属性的值，示例代码如下： <mx:HBox width="200"

horizontalScrollPolicy="ScrollPolicy.OFF" > 这里的 ScrollPolicy.OFF 是在 ActionScript 中设定的静态恒量。同样，也可以设定属性值为静态衡量的数值， OFF 的值为 "off". 在 ActionScript 代码中，应该使用静态恒量来定义属性值。 var myHBox:HBox = new HBox(); myHBox.horizontalScrollPolicy=ScrollPolicy.OFF;

MXMLMXML 基本语法基本语法 - <mx:Script>- <mx:Script>

12

MXML 文件中直接插入 ActionScript 方法时要用到<mx:Script> 标签，具体语法如下。

<mx:Script> <![CDATA[ // 插入 ActionScript ]]> </mx:Script> 在这个标签里，需要注意的地方有如下几点： 标签要成对出现。 不能在标签内定义任何的类或者接口，因为本身当前的

MXML 文件就是一个类， ActionScript 并没有像 Java 一样支持内部类定义。 CDATA 标签主要用来告诉编译器标签内的内容不要被解释成 MXML 语法，而是 ActionScript 。 <mx:Script> 标签必须定义在 MXML 文件根标签的层次，否则会出现编译器错误。

Thank you !Thank you !谢谢！谢谢！

第三章：MXML语法基础