1. MXML标记语言:一种在XML基础上发展起来的标记语言,其语法类似与XML,但功能就像HTML,主要用来界面的显示和布局,对页面进行整体的规划。描述界面表现的一种XML标记语言。我们可以用它来管理程序的整体布局,控制组件的样式和外观,也可以构建非可视化的对象,比如XML数据、与服务器端通信的WebService、组件的数据源等。
2. 下面是一个简单的MXML文件,
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Panel>
<mx:TextArea text="Say hello to Flex!" />
<mx:Button label="Close" />
</mx:Panel>
</mx:Application>
简单说明:
a. MXML格式为标准的XML文件,有开始和结束标签。
b. 第一行声明XML文件采用的语法版本version 和编码格式encoding(默认为utf-8)。
c. mx:Application:在每个Flex项目中,可能有多个MXML文件,mx:Application为根节点标示程序入口的运行文件。
d. xmlns:mx=http://www.adobe.com/2006/mxml :将mx定义为XML的命名空间,对应路径为http://www.adobe.com/2006/mxml ,Flex的配置文件中将这个路径定义为一个全局资源标识符,并对应了一个列出mx命名空间下的所有标签的文件,所以我们在使用Flex提供的组件时都是以mx作为前缀。在flex-config.xml中看到了http://www.adobe.com/2006/mxml 对应的是一个mxml-manifest.xml文件
而mxml-manifest.xml文件中定义的是每个标签对应的类
文件中的id代表标签名,class表示类文件路径。
通过这个我们不难发现,其实我们在界面使用的这些标签在内部程序中实际上是一个类,是这个类在处理我们的请求。HTML中的标签同样也是如此。
3. 自定义组件
基于组件开发模式是Flex的一个特色,程序中所有的MXML和AS类文件,都被当作用户自定义的组件。
我们来建一个MXML组件:New->MXML Component
在弹出的窗口输入组件的文件名Filename,并选择扩展哪一种组件Based on,我们这里选择Image对象。
然后Finish。然后点击Image组件,在属性面板的Source属性设置图片的路径。
在其它的MXML文件中就可以向导入系统MXML文件一样,导入我们自定义的MXML组件,然后通过命名控件使用