Flex及FlexBuilder2.0开发环境详解-51CTO.COM

本文和大家重点讨论一下Flex和FlexBuilder2.0开发环境，AdobeFlex是为满足希望开发RichInternet应用程序的企业级程序员的需求而推出的表示服务器和应用程序框架。Flex的基本元素是MXML文件。MXML文件是普通的XML文件,所以可以选择多种开发环境。

什么是Flex

AdobeFlex是为满足希望开发RichInternet应用程序的企业级程序员的需求而推出的表示服务器和应用程序框架。RIA将桌面软件的响应速度和丰富功能与Web应用程序的广度结合在一起，以提供效果更好的最终用户体验。Flex表示服务器提供基于标准的、声明性的编程方法和流程，并提供运行时服务，用于开发和部署丰富客户端应用程序的表示层。

Flex开发者使用直观的基于XML的语言来定义丰富的用户界面；该语言由Flex服务器翻译成智能的客户端应用程序，在普遍存在的Flash运行时环境中运行。返回页首Flex解决什么问题？很多Web应用程序的用户体验不能令人满意，从而导致了高弃用率、高培训费用和投资的浪费。Flex提供一种新的技术以解决这些问题。在Flex出现之前,试图解决用户界面问题的企业级开发者常常因为HTML的局限性而遭受挫折。HTML起初是为浏览静态文档而设计的，并不适合于提供内容丰富、交互性强和数据驱动的应用程序。

Flex为这些程序员提供了一种方法，可以开发出将桌面软件的强交互性和丰富内容与Web的广度结合在一起的应用程序；程序员可以使用他们偏好的编程方法、开发流程。该方法还满足了基础结构与集成要求。Flex允许应用程序开发者描述应用程序的用户界面布局和UI控件，并使用开发者熟悉的、基于标准的编程模型进行数据绑定。

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

FlexBuilder2.0开发环境

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

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

◆编译后的运行效果

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

下一行是标签,它定义始终是Flex应用程序的根标签的Application容器。来源：http://www.robinray.cn/2007/flex%e6%89%ab%e7%9b%b2%e6%95%99%e7%a8%8b%ef%bc%9a%e4%bb%80%e4%b9%88%e6%98%afflex/

标签定义包含一个标题栏、一个标题、一条状态消息、一个边框和其子级的一个内容区域的Panel容器。其title属性被设置为“MyApplication”。

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

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

◆使用CSS来定义组件外观

因为Flex开发环境是如此的简单，相信学过.net或者是CSS的朋友应该能很快上手。

另外，现在网上已经有牛人用Flex开发出了很酷的几种皮肤，您可以去http://www.scalenine.com/观看并下载这些皮肤。

这个网站不错：http://www.flex2.org/

Flex开发人员中心:
http://www.adobe.com/cn/devnet/flex/quickstart/coding_with_mxml_and_actionscript/

【编辑推荐】