MXML标记语言

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组件，然后通过命名控件使用

 

 

个人博客正式上线，欢迎访问