第02章MXML课件.pptVIP

第2章 MXML MXML是Flex应用程序用于进行用户界面组件布局的语言。用户可以通过MXML来显式地定义应用程序的非可视方面，例如访问服务器端数据源和用户界面组件与数据源之间的数据绑定。本章主要讲述MXML语法基础，以及在Flex如何使用MXML。 2.1 MXML简介 MXML是由Flex引入的，用来描述Flex应用程序界面的语言。本节简要地介绍什么是MXML和MXML的标准。 2.1.1 什么是MXML MXML基于XML，是用来描述用户界面的语言。MXML遵循W3C XML标准，所以也可以把MXML看作普通的XML文件。可以使用任何的文本编辑器编写MXML。下面就是一个MXML的例子，包含标签、属性、命名控件等。 ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=/2006/mxml /mx:Application 与HTML不同，MXML借助XML的规范拥有更强的结构，更少的语法歧义。MXML还引入了更丰富的标签集，如：DataGrid、Tree、TabNavigator、Accordion和Menu等。这些都是Flex标签集中的一部分。还可以扩展MXML标签，创建自己的组件。此外，二者最大的区别是，MXML定义的用户界面用Flash播放器运行，相对传统的基于HTML、页面为中心的Web应用而言，这将更具吸引力。 2.1.2 MXML与标准 MXML中融合了众多的标准，为了更好地理解MXML，下面讲述MXML与多个标准的关系。这些标准分别是XML、事件模型、Web服务、Java、HTTP、图像和CSS。 1．XML标准 Flex程序采用XML文档格式。XML文档使用标签来定义结构化信息以及他们之间的关系。在MXML中，mx:Application定义了一个程序的根标签。在mx:Application标签的子标签中定义程序的其他部分。MXML标签的例子包括容器标签，如mx:VBox，用于定义用户界面的矩形区域；控件标签，如mx:TextInput，用于定义通常的用户界面控件。 2．事件模型标准 3．Web服务标准 4．Java标准 5．HTTP标准 6．图像标准 7．CSS标准 2.2 MXML语法基础 MXML遵循XML的标准，但对于XML中的标签、属性、文件结构等XML元素进行了相应的约束和扩展。本节讲述MXML中如何定义标签、属性等元素，即MXML的语法基础。 2.2.1 标签 MXML是一种描述Flex应用程序构造的XML语言。每个MXML文件应该以一个XML声明开始： ?xml version=1.0? ?xml version=1.0 encoding=utf-8? 和其他XML语言一样，MXML包含元素（标签）和属性，对大小写敏感。但标签名称以大写字母开头，大小写混合，必须有对应的结束标签，如下所示。 ComboBox /ComboBox 也可以这样结束对没有内容的标签，如下所示。 ComboBox/ 2.2.2 属性 属性以小写字母开头，大小写混合。属性必须包含在引号内。 ComboBox id=myCombo/ 除了click或initialize之类的事件属性外，其他属性都被编译器作为文本字符串处理。如果需要绑定数据或者强迫编译器执行表达式，可以将变量的部分用花括号括起来。 ComboBox dataProvider={myArray}/ 大部分的属性都可以作为子标签。如， ComboBox dataProvider={myArray}/ 等效代码如下。 ComboBox dataProvider{myArray}/dataProvider /ComboBox 2.2.3 文件结构 描述应用程序的MXML文件必须有一个位于其他元素之外的Application标签，如下所示。 ?xml version=1.0? mx:Application xmlns:mx=/2006/mxml !--定义其他界面元素-- /mx:Application 在上面的代码中xmlns属性，声明了XML的命名空间。命名空间可以让用户在单个文档中使用多重XML语言，而避免混淆不同语言中相同的元素名称。这里的:mx就是一个在特定命名空间中使用的前缀。这里定义的命名空间是标准的MXML类库，它必须包含在每个MXML文件中。 2.3.4 mx:Script MXML文件中直接插入ActionScript方法时要用到mx:Script标签，具体语法如下。 mx:Script ![CDATA[ //插入ActionScript