因为 MXML 文件是普通的 XML 文件，所以有很多的开发环境供你选择。你可以使用简单的文本编辑器，专门的 XML 编辑器，或者支持文本编辑的集成开发环境（IDE）来 编写 MXML 代码。Flex 提供了一个叫做 Adobe®  Flex™  Builder™  2 专门的 IDE，你可 以使用它来开发你的应用程序。
MXML 文件的第一行是 XML 声明。每个 MXML 文件的第一行都必须是 XML 声明。 接下来的一行是<mx:Application>  标签，它定义了Application容器，而且它是每一个Flex应用程序的根标签。

<mx:Panel>标签定义了一个Panel容器，它包含有一个标题栏，一个标题，一个状态 信息，一个边框，以及用来放置子容器或空间的内容区域。它的title（标题）属性 的值被设定为  "My  Application"。
<mx:Label>标签定义了一个Label控件，它是一个可以显示文本的很简单的用户界面 组件。它的text属性被设定为  "Hello,  World!"。
<mx:Label>  标签的fontWeight  和  fontSize  属性改变了使用字体的样式。你也可 以使用CSS给你的组件加上样式。
更多信息，请看Flex开发者指南中的“使用层叠样式表（CSS）”。 注意：你可以使用命令行编译器  mxmlc 或者 Flex Builder 2  来编译你的 Flex 程序。
关于使用 mxmlc 编译程序的步骤，请看“ 使用 MXML 和 ActionScript 编程 ”（译注： 此篇我已经译成中文）。

示例

<?xml  version="1.0"  encoding="utf-8"?＞
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
viewSourceURL="src/HelloWorld/index.html"
horizontalAlign="center"  verticalAlign="middle"
width="300"  height="160"＞
<mx:Panel
paddingTop="10"  paddingBottom="10"  paddingLeft="10"
paddingRight="10"
title="My  Application"＞

<mx:Label  text="Hello  World!"  fontWeight="bold"  fontSize="24"/＞
</mx:Panel＞ 
</mx:Application＞ 

运行结果图示：>

译注：由于文档中无法嵌入 SWF 文件，代码运行结果请查看原文中相应的部分。