Flex扫盲教程：什么是Flex

上一篇 / 下一篇 2007-01-31 21:31:41 / 个人分类：网络学习

官方描述：

Adobe Flex 是为满足希望开发 Rich Internet 应用程序的企业级程序员的需求而推出的表示服务器和应用程序框架。RIA 将桌面软件的响应速度和丰富功能与 Web 应用程序的广度结合在一起，以提供效果更好的最终用户体验。Flex 表示服务器提供基于标准的、声明性的编程方法和流程，并提供运行时服务，用于开发和部署丰富客户端应用程序的表示层。Flex 开发者使用直观的基于 XML 的语言来定义丰富的用户界面；该语言由 Flex 服务器翻译成智能的客户端应用程序，在普遍存在的 Flash 运行时环境中运行。返回页首 Flex 解决什么问题？很多 Web 应用程序的用户体验不能令人满意，从而导致了高弃用率、高培训费用和投资的浪费。Flex 提供一种新的技术以解决这些问题。在 Flex 出现之前,试图解决用户界面问题的企业级开发者常常因为 HTML 的局限性而遭受挫折。HTML 起初是为浏览静态文档而设计的，并不适合于提供内容丰富、交互性强和数据驱动的应用程序。 Flex 为这些程序员提供了一种方法，可以开发出将桌面软件的强交互性和丰富内容与 Web 的广度结合在一起的应用程序；程序员可以使用他们偏好的编程方法、开发流程。该方法还满足了基础结构与集成要求。Flex 允许应用程序开发者描述应用程序的用户界面布局和 UI 控件，并使用开发者熟悉的、基于标准的编程模型进行数据绑定。

上面的这段你看懂没看懂没关系，用我的理解就是Flex是一个基于Flash Player 9.0的一个集成开发环境。使用者在制作的时候不用考虑过多的动画因素，只用像写XML文件或者在Visual Studio里开发.net应用程序一样简单。

Flex Builder 2.0的开发环境

Flex的基本元素是MXML文件。MXML 文件是普通的 XML 文件, 所以可以选择多种开发环境。简单的文件编辑器、专用的 XML 编辑器或者支持文本编辑的集成开发环境 (IDE) 均可用于 MXML 代码编写。 Flex 提供专用的 IDE, 称为 Adobe Flex Builder 2, 您可以使用它来开发应用程序。

Flex Builder 2.0的开发环境,这里就是MXML文件，Flex的“源代码”

编译后的运行效果

MXML 文件的第一行是 XML 声明。此行必须成为每个 MXML 文件的第一行。

下一行是 <mx:Application> 标签, 它定义始终是 Flex 应用程序的根标签的 Application 容器。

<mx:Panel> 标签定义包含一个标题栏、一个标题、一条状态消息、一个边框和其子级的一个内容区域的 Panel 容器。其 title 属性被设置为 "My Application"。

<mx:Label> 标签代表一个 Label 控件, 一个用于显示文本的非常简单的用户界面组件。其 text 属性被设置为 "Hello, World!"。

<mx:Label> 标签的 fontWeight 和 fontSize 属性改变使用的字体的样式。还可以使用 CSS 来设置组件的样式。