Flex 些程序员提供了一U方法，可以开发出桌面Y件的Z互性和丰富内容?Web 的广度结合在一L应用E序Q程序员可以使用他们偏好的编E方法、开发流E。该Ҏq满了基础l构与集成要求。Flex 允许应用E序开发者描q应用程序的用户界面布局?UI 控gQƈ使用开发者熟悉的、基于标准的~程模型q行数据l定?
- ?J2EE q_上开发企业应用E序Q在 .NET CLR 上运行的 Flex 版本计划在未来推出）
- h使用 Java、XML ?SOAP Web 服务q行~程的经?
- 应用E序的体pȝ构和集成采用 N 层结构方?
- 使用设计模式Q例?Model View Controller (MVC)
- 团队中包含专职的E序员和可用?用户界面设计专家
- 在整个应用程序生命周期实施正规的 QA 和集成测试过E?
Flex Builder
- 什么是 Flex BuilderQ?
- Flex Builder ?Macromedia 的适用?Flex 应用E序开发的 IDE。Flex Builder 通过?Flex 用户提供一U与 Flex 服务器、应用程序模型和~程语言紧密集成?IDEQ超了一般代码编辑器。通过q种集成QFlex Builder ?Flex l的所有成员提供一U卓有成效的工作环境?更多信息?
- Flex Builder 是否?Brady 相同Q?
- 是，Brady ?Flex Builder 的广泛用的代码名称Q但它目前尚处于开发阶Dc?
- Flex Builder 的目标用h什么hQ?
Flex Builder 仅适用?Flex 应用E序开发小l。Flex Builder h适合?Flex 开发小l各个成员的功能。设计h员和可视开发h员可以方便快捷地创徏应用E序界面Q容易地布置引h注目?Flex 用户界面Qƈ它们连接到后端数据源。开发h员现在可以用一U支?MXML ?ActionScript 的代码编辑器以及一个强大的调试工具集，高效地对 Flex 应用E序q行~码和调试?/p>
Flex Builder 不适用于图形设计h员，管 Flex 及其~程语言的有些知识在使用 Flex Builder 中很有帮助?/p>
- Flex Builder 是否?Flex 捆绑在一P
- 是，当您购买 Flex Ӟ您会收到?Flex 捆绑在一L Flex Builder 的五个完全许可证?如果您需要ؓ您的开发组获得更多许可证，本地 Macromedia 代表可ؓ您提供?a >查找本地 Macromedia 代表?
- Flex Builder 是否包含某种 Flex 许可证？
- 否。Flex Builder ?Flex 捆绑在一赗Flex Builder 本n不包?Flex 的Q何许可证?
- Flex Builder 是像 Flex 一h服务?CPU 授权Q还是像其它 IDE 一h用户授权Q?
- Flex Builder 像其?IDE 一h用户授权。每?Flex Builder 用户都必L?Flex Builder 的许可证?
- Flex Builder q行于什么操作系l？
- Flex Builder q行?Windows XP ?Windows 2000。目前还没有 Flex Builder ?Macintosh 版本?
- Flex Builder 有什么语a版本Q?
- Flex Builder 目前只有p版本?
- 开?Flex 应用E序是否必需 Flex BuilderQ?
- 否，开?Flex 应用E序时不需?Flex Builder。您可以使用您所喜欢的Q何文本编辑器?IDE 开?MXML ?ActionScript。但是，Flex Builder 提供一些先q的功能Q它们可能有助于您提高效率，q比其它工具允许您的开发小l的更多成员参与开发工作。有兛_整信息，请参?Flex Builder 的品功能?
- 如何获得 Flex BuilderQ?
- Flex Builder ?Flex 捆绑在一赗Flex 试用版ؓ您的开发小l提?Flex Builder ?60 天试用版。Flex 的完整版本包?Flex Builder 的五个完全许可证。如果您需要ؓ您的开发小l获得更多䆾 FlexQ请联系 Macromedia 代表?
- 如果我已l有 Flex 试用版光盘，如何获得 Flex Builder 试用版？
- 2004 q?8 ?23 日以后，Flex 试用版光盘中包含?Flex Builder 试用版。如果您在此之前购买?Flex 试用版光盘，您就会收C单独的电子邮gQ告知您如何获得 Flex Builder 试用版?
- 如果我已l购C FlexQ如何获?Flex BuilderQ?
- 您将会自动收C您的开发小l用的 Flex Builder。不久，您会收到一电子邮Ӟ其中包含所有详l信息?
- Flex Builder 的h格是多少Q?
- Flex Builder 不与 Flex 分开销售。它包含?Flex 服务器的完全授权版本中。您q可以获得随 Flex 服务器试用版一h供的 Flex Builder 试用版?
- 如果我需要开?Flex 应用E序Q但不购?Flex 服务器，那么我如何获?Flex BuilderQ?
- Flex 的每份试用版都包?Flex Builder ?60 天试用版。但是，如果您需要进行长?Flex 工作?Flex Builder 怹版本Q但不想自己拥有 FlexQ您可以联系销售h?/a>?
- 如果我?Flex BuilderQ我是否q需?Flex 服务器？
- 是，Flex Builder 是一个用来开?Flex 应用E序?IDEQ但不取?Flex 服务器。您仍焉?Flex ~译和运行您?Flex 应用E序?
- 我可否?Flex Builder 创徏和编译独立的 SWFQ?
- 否，Flex builder 不改变每个部|服务器对于 Flex 的需要。您仍然需要在每个部v服务器上安装 Flex?
- Flex Builder 的可用性是否指 Flex 现在是ؓ不同用户设计的？
- 否，Flex 仍然是ؓ相同目和开发小l设计的?了解更多信息。但是，在这些项目和开发小l范围内QFlex Builder 有助于更多h参与 Flex 应用E序开发，因ؓ Flex Builder 多h提供一U参?Flex 应用E序开发的更ؓ熟悉的途径?
- 我应该何时?Flex BuilderQ何时用其它工h我已l拥有的 IDEQ?
- 使用什么工具完全取决于您自己。如果您目前有您能够有效地开?Flex 应用E序的工具和/?IDEQ那ql用它们。但是，如果您在?Flex L一U生产效率工P您可能会发现 Flex Builder 是一U有效的工具。您应该使用使您的工作最有效率的工具?
- Flex Builder 是否支持 ColdFusion、Java ?.NET ~程Q?
- Flex Builder 以与 Dreamweaver 相同的方式支?ColdFusion ~程。但 Flex Builder 不支?Java ?.NET 语言?
- Flex Builder 是否包含在Q?Macromedia Studio 之中Q?
- 否，Flex Builder 不包含在 Studio 中。Flex Builder 只与 Flex 捆绑在一赗?
- DevNet 中是否包?Flex BuilderQ?
- 是，DevNet 中包含有 Flex Builder。完整订?DevNet 的用户可以从 DevNet |站下蝲 Flex Builder?
- 我有 Studio。我是否能够自动获得 Flex Builder 的升U版Q?
- 否，Flex Builder 是一个单独的产品Q它只适用?Flex 开发h员。如果您正在开?Flex 应用E序Q就可以试用 Flex Builder?a >Flex 试用版光?/a>中包含有 Flex Builder?
- 我现在?Dreamweaver。我是否应该改用 Flex BuilderQ?
- 否。只有开?Flex 应用E序的h员才应?Flex Builder。Flex Builder 不ؓ Dreamweaver 用户提供M功能或好处，除非他们开?Flex 应用E序。Flex Builder 包含 Dreamweaver MX 2004 中的一切，再加?Flex 开发功能，?Dreamweaver 的所有功能的工作方式与在 Dreamweaver MX 2004 中完全相同，因此只有开?Flex 应用E序QFlex Builder 才具有优ѝ?
- Flex Builder 是否?Dreamweaver 用户提供M新功能或改进功能Q?
- 否，Flex Builder 建立?Dreamweaver MX 2004 基础之上Q但不向 Dreamweaver 用户提供M附加功能或好处。Flex Builder 只对 Flex 应用E序开发提供附加功能和好处?
- Flex Builder 是否?Dreamweaver 的下一个版本？
- 否。尽?Flex Builder 建立?Dreamweaver MX 2004 之上Q但q没有扩展功能。此版本不是?Dreamweaver MX 2004 的升U?
- ׃ Flex Builder 包含 Dreamweaver 的所有功能，我是否应该购?Flex BuilderQ以便将来学?FlexQ?
- 否。您应该购买 Dreamweaver。如果将来您军_使用 FlexQ您购买 Flex Ӟ会凭 Flex 评估或完全许可证收到 Flex Builder 试用版?
- 如果我在?Flex ?Flex BuilderQ我是否q需要?DreamweaverQ?
- 否，如果您?Flex BuilderQ就不需要同时?Dreamweaver。Flex Builder ?Dreamweaver MX 2004 为基Qƈ包含 Dreamweaver MX 2004 的所有功能。您不需要二者兼备?
- Flex Builder 是否?Flash 用户提供M功能Q?
- 否，Flex Builder 不提?Flash 的功能。Flex Builder ?Flex 开发提供生产效率增强?
- 如果我?Flash 创徏内容或应用程序，我是否应该考虑使用 Flex BuilderQ?
- 不必要。如果您使用 Flash 创徏丰富互联|应用程序，您可能需要考虑使用 Flex q行相应开发工作。实际上Q需要决?Flash ?Flex 哪个是适合于您的^台。如果您军_使用 Flex q行开发工作，那么您就会收到随 Flex 评估版提供的 Flex Builder?
- 如果我已l在?Flex Builder 创徏 Flex 应用E序Q我是否q应该?FlashQ?
- 是，即您在开?Flex 应用E序Q您也可能需要?Flash。Flash 使您可以设计和创建将?Flex 应用E序中用的lg。Flex Builder 不允许您设计或创建组件?
Flex、ColdFusion ?JRun
目和技能与 Flex 目描述相符?ColdFusion 开发团队可以考虑?ColdFusion ?Flex 攑֜一起用。同时?Flex ?ColdFusion 可ؓ快速发布具有良好结构的 RIA 提供极好的解x案?br />
Flex 能够调用?ColdFusion MX 或随后版本中创徏?Web 服务和组件。您可以单独安装 FlexQ也可以?ColdFusion MX 6.1 Enterprise 上安装。ColdFusion 开发者还可以导入 Flex MXML 标签库，以将 Flex 应用E序嵌入 ColdFusion 模板当中?br />
成本是另一个需要考虑的因素。Flex 是企业服务器品。Flex 应用E序需要一个服务器q行时许可证Q其?CPU 配置的hgؓ $12,000。除?ColdFusion 服务器运行时许可证，Flex 许可证也是必需的?br />
Ʋ了?Flex ?ColdFusion 的详l信?请前往 Flex 开发者中心查?Ben Forta* 的文章?
Flex ?Flash
如果您的开发团队目前主要?Flash ~写工具Q而没有?Java、C# ?ColdFusion {编E语a的经验，您也怼发现 Flex q不能从技术上很好的适合您。成本是另一个需要考虑的因素。Flex 是企业服务器品，Flex 应用E序需要一个服务器q行时许可证Q其?CPU 配置的hgؓ $12,000。除?ColdFusion 服务器运行时许可证或者某U?Java 应用服务器运行时许可证，Flex 许可证也是必需的?
Macromedia Flash MX Professional 2004 使设计者和应用E序构徏者能够创建和部vh高可视性的交互性媒体，q可以创建和部v丰富的、o人印象深ȝ Web 应用E序。Flash MX 2004 仍将是制?Flash 内容和应用程序的主要可视化工兗?br />
Flex 为熟悉服务器端编E方式、开发战略性应用程序的企业U应用程序开发者提供了 Flash 技术的强大功能。Flex 其适合客户端界面的服务器端开发，cM于?Java ?JSP?br />
使用 Flex 的开发团队中最好能有熟?Flash 的开发者。这些开发者可以?Flash 来ؓ自定义组件和动画元素创徏原Ş或实际创建它们，q将光成进 Flex 应用E序当中。欲获取更多关于 Flash ?Flex 协同工作q程的信息，h?Mike Chambers 的在U演C或前往 Flex 开发者中心查?Nigel Pegg* ?Sean Schnoor* 的文章?
每种产品针对一cȝL独特需求，Macromedia l推出新技术来满q些需求。拥有不同技能开发者的团队现在可以?Flex ?Flash Professional 攑֜一起用。?Flex 的开发团队中最好能有熟?Flash 的开发者。这些开发者可以?Flash 来ؓ自定义组件和动画元素创徏原Ş或实际创建它们，q将光成进 Flex 应用E序当中。欲获取更多关于 Flash ?Flex 协同工作q程的信息，h?Mike Chambers 的在U演C或前往 Flex 开发者中心查?Nigel Pegg* ?Sean Schnoor* 的文章?
Flex 1.0 不支持运行时׃n库，因此每个 Flex 应用E序都需要下载框架。Macromedia 在 Flex 的未来版本中加入对运行时׃n库的支持。有了运行时׃n库，Flex 框架能够在客户端不同的 SWF 之间׃n。欲获取更多相关信息Q请前往 Flex开发者中心查?David Wadhwani* 的文章?
Flex ?Flash Remoting
Flex 路线图、h根{工具包以及其它相关技?/h3>
Flex 服务器还为满_键企业需求而提供了一整套q行时服务。例如，企业应用E序开发团队需要能够连接到已有的业务逻辑lgQ而无需手工其打包?web 服务。Flex web 服务代理使这成ؓ可能。Flex 中还嵌入?Flash Remoting |关Q?AMF 协议来提供高性能的数据连接。此外，Flex 服务器运行时服务提供了媒体代码{换器Q可?SVG 文g直接转换?SWF 格式Q这使得?Macromedia Flash Player 中显C?SVG 囑փ成ؓ可能?br />
Macromedia 计划在未来的版本中进一步扩?Flex 服务器的服务器端q行时功能。欲更多了解q些未来扩展的功能，h?Flex Technology 白皮?(PDF, 1.78 MB) 中\U图部分的内宏V?
Flex 提供开攑ּ工具选择Ҏ，q开发h员能够用文本~辑器或光?IDE ~写 Flex 代码。Flex 包括一U?XML 架构Q开发h员能够用支?XML 的代码编辑器利用代码着艌Ӏ代码提C，{等?/p>
Macromedia q提供一U适用?Flex ?IDEQ称?Flex Builder。Flex Builder 通过?Flex 用户提供一U与 Flex 服务器、应用程序模型和~程语言紧密集成?IDEQ超了一般代码编辑器。通过q种集成QFlex Builder ?Flex l的所有成员提供一U卓有成效的工作环境?a >更多信息?/p>
Macromedia 怿不同应用E序中一致的动作和协调的视觉体验会开发者和最l用户都受益Q正如操作系l中的用L面一致性会使其使用者受益一栗最l用户将发现Z HALO 的应用程序易于用，因ؓ它们都基于相似的界面惯例。因U一致性和整体的执行质量，他们也会?HALO 应用E序抱有更大的信心。开发者将会从清晰界定的前端代码获益。这他们能够完成更多的h机界面工作。同时他们将能够更多的把注意力集中在数据的集成和其它更重要的应用E序开发Q务当中去?br />
Flex 样例应用E序中包含了很多 HALO 样式。默认情况下QFlex lg?HALO 样式Q但您也可以很容易的其它样式应用到应用E序中，以得到独特的效果。欲获取更多关于 HALO 的信息，请前往 Flex 开发者中心查?Mike Sundermeyer* 的文章?
Flex 的试用版本与开发者版?/h3>
Flex 有试用版吗？
是。可以在 macromedia.com 在线商店上购?Flex 试用版光盘。Flex 试用版光盘包含供您的开发小l用的 Flex Builder 试用版。试用版光盘h?$8.99Q包含运输费和手l费?
Z?Flex 试用版只能通过光盘形式获取Q?
Flex 是先q的企业服务器品，业界对其有浓厚的兴趣和高期望倹{Macromedia 希望能保?Flex 的早期客户得到所需要的支持以对产品q行成功的评估。未?Flex 试用版将可以通过下蝲方式获取?
Flex 有没有开发者版本？
有。试用版安装 60 天后自动{入开发者模式?
Flex 试用版的评估模式和开发者模式在功能上有什么区别？
Flex 试用版在安装后头 60 天以评估模式q行。评估模式提供全部功能，q且对访问服务器?IP 地址没有限制。试用版的评估模式只允许用于开发和试?0 天后, 试用版自动{入开发者模式。开发者模式没有时间限Ӟ但只能有 5 ?IP 地址讉K服务器，q且只限于在单独的开发者工作站上进行开发和试。此外，在开发者模式中~译?SWF 文g一天后卌期。希望徏立共享开发服务器以保证质量或q行集成试的组l应购买正式?Flex 许可证?
Flex 试用版是否包?Flex 更新E序Q?
不包含。如果您?Flex 试用版光盘，应访?www.macromedia.com/support/flex/downloads_updaters.html*Q下载最新的更新E序Qƈ了解更多信息?
dyerac in java... 2006-07-24 21:46 发表评论]]>
创徏W一个Flex应用E序
作者：Robert Crooks (Macromedia培训组)
译QMoonFun.qhwa
轉載請註明來自藍色理?/p>
在本教程中，你可以阅dFlex的简单介l，q可以利用MXML创徏一个简单的分类购物车，从而学习到Macromedia Flex应用E序的基本构成。你会学到Q创Z个应用程序、添加一个布局的容器、添加控件、创Z控g兌的简单数据模型，以及利用ActionScript对事件进行处理?/p>
本文是Robert Crooks~写的四步Flex入门pd的第一部分QRobert Crooks现就职于Macromedia客户培训部门
Flex 入门 Q?Q：创徏一个Flex计算?br />
Flex 入门 Q?Q：使用容器
Flex 入门 Q?Q：使用数据模型
点击q里下蝲整个pd教程Q?Flex入门pd(144KB)
如果你需要更加详l的信息Q?a target="_blank">Macromedia客户培训组提供了ؓ期两天的在线培训评Q《利用Flex开发丰富的互联|应用程序》，教你快速学习Flex应用E序开发?让我们开始吧Q?/p>
如果你是一个XML新手Q请C下面的基本规?/p>
如同所有的XML语言一P在MXML中，标签和属性都是区分大写的；
所有的属性值必ȝ双引?")或单引号(包含
所有的标签必须是闭合的。没有子标签的标{֏以以斜杠直接l束Q而无需额外的结束标{：
?/p>
如果你是一个ActionScript新手Q你可以发现它的语法和你熟悉的语a的语法很相近Q比如JavaScript或者Java。请Cq些基本的规则：
ActionScript是区分大写?br />语句必须以分?;)l尾
本教E包含的内容Q?/strong>
1. Flex单介l?br />2. 如何使用Application (应用E序)标签
3. 如何使用Panel (面板)容器
4. 如何使用Label (标签)控g
5. 如何使用Text (文本)控g
6. 如何使用Button (按钮)控g
7. 如何使用ComboBox (下拉列表)控g
8. 如何创徏一个数l对?br />9. 如何l定数据到控件对?br />10. 如何用ActionScript处理用户事g
准备条gQ?/p>
完成本教E必d备的软g和文Ӟ
Macriomedia Flex
Q可以在Flex支持的^台和服务器上安装q行Q试用版的Flex只有光盘供应Q请从Macromedia销售处购买Q售?8.99. 试用版的相关信息Q请讉K: Flex常见问题
试用
购买Dreamweaver MX 2004 或其他文本编辑器Q例如记事本Q，用来~辑XML和ActionScript代码
准备知识Q?/strong>
阅读Flex?br />会浏览一个Flex应用E序
Flex ?/strong>
Macromedia Flex 是一个用来创Z富信息的互联|应用程序的服务器组件。Flex内置的界面可以由Macromeida Flash播放器显C在客户端系l上。Flex的本质是Q?/p>
- 一个描q应用程序界面的XML语言 (MXML)
- 一个ECMA规范的脚本语a(ActionScript)Q处理用户和pȝ的事Ӟ构徏复杂的数据模?
- 一个类?
- q行时的x服务
- 一个由MXML文g生成SWF文g的编译器
MXML
MXML是一U描qFlex應用E序構造的XML1.0语言。每个MXML文g应该以一个XML声明开始：
和其他XML语言一PMXML包含元素Q标{）和属性，对大写敏感。标{UC大写字母开_大小写合，必须有对应的l束标签Q?br />
也可以这L束对没有内容的标{：
属性以写字母开_大小写合。属性必d含在引号内?br />
除了click或initialize之类的事件之外，所有的属性都被编译器作ؓ文本字符串处理。如果需要绑定数据或者强q编译器执行表达式，可以变量的部分用花括号包v来：
大部分的属性都可以作ؓ子标{：
{效于：
描述应用E序的MXML文g必须有一个位于其他元素之外的Application元素Q?br />
[other elements...]
/SPAN>
注意xmlns属性，它声明了XML的命名空间。命名空间可以让你在单个文档中用多重XML语言而避免淆不同语a中相同的元素名称。这里的":mx"是一个在特定命名I间中用的前缀?/p>
注意Q这里定义的命名I间是标准的MXMLcdQ请它包含在每个MXML文g中?/p>
可以声明放在Q何MXML标签中；声明对该标签嵌套的所有标{有效。本pd教程中都以mx作ؓMXMLcd的前~?/p>
如需更多信息Q?a class="" target="_blank">请参?Flex语言参?/a>
ActionScript
ActionScript是一U类似JavaScript和其他ECMA规范的面向对象的脚本语言。如果你使用qJavaScript或Java/C#{其他面向对象的语言Q你可以发现它们的语法很怼。你可以在MXML文g中嵌入ActionScript代码Q也可以从独立的外部文g导入代码?/p>
完整的ActionScript参考： Action 语言参?/a>
MXMLcd
Flex既包含控制和容器{可见的lgQ也包括了远E服务对象和数据模型{的不可见组件。你可以在后面的介绍中得到详l的信息?/p>
q行时服?/strong>
Flex提供了多运行时服务Q如Q历史控制和q程服务q接对象。以开发的角度看，q些服务都是对类库的调用?/p>
~译?/strong>
Flex~译器会在收C个浏览器讉KMXML文g的请求后Q自动编译生成相应的SWF文g。该SWF文g被~存Q直C修改了源MXML文g?/p>
创徏应用E序
在这个简单的购物车中Q我们显CZ个咖啡品牌的列表Q类gHTML的selectQ。用数据绑定功能在下面昄当前选择的品牌的说明Q还有一个添加到购物车的按钮Q当按钮被按下后Q该品牌的咖啡便会被d到购物列表中?/p>
q个教程的目的是Z学习使用Q?/p>
Application (应用E序)c?br />Panel (面板)容器
Script (脚本)元素
Array (数组)元素
Object (对象)元素
Label (标签)元素
Text (文本?元素
Button (按钮)控g
ComboBox (下拉列表)控g
List (列表)控g
一个ActionScript函数
创徏ApplicationQ应用程序）对象
M一个FlexE序都是以XML声明开始和Application标记的。Application标签包含一个MXcd命名I间的声明：xmlns:mx="http://www.macromedia.com/2003/mxml" 。引用该cd的所有标{ֿMmx作ؓ前缀?/p>
1. 创徏一个新文g Q然后保存ؓ firstapp.mxmlQ位于flex_tutorials目录?br />2. 在文件的开始处Q插入XML声明Q?br />
3. 在XML声明后，d带命名空间的Application标签Q?br />
/SPAN>
应用E序布局Q添加一个面?/strong>
通常你可以将Flex应用E序中可见的lg攄于容器中Q容器提供了l定文本、控件、图像和其他媒体cd的元素。在q里Q你可以使用UCؓ“面李?Panel)的容器，它可以提供大部分应用E序需要的全部外壳。你q可以用面板的title(标题)属性，修改面板上方自动包含着的标题榄的文字?/p>
4. 在Application标签内部Q添加一个Panel标签Qtitle属性ؓ"my First Flex App"
/SPAN>
d一个显C标题的Label元素
Label元素可以用来昄单行文本。它有一些属性，q里用到的是textQ文本）属性，定义Label昄的内宏V?/p>
5. 在Panel标签内，插入一个带有文本属性的Label标签Q如下：
6. 保存文gQ预览一下程?/p>
d一个定义咖啡品牌的数组对象
本程序的数据模型是一个简单的数组Q内Ҏ一pd的对象）Q你可以直接在程序中用Array和Object元素创徏。这里每个数l单元对象都有两个属性：label和dataQ你可以这两个属性写成对象的子标{。用q两个属性名U是Z提供lComboBox和Listq样的控件元素用，E后我们会介l?/p>
q些控g元素可以使用更加复杂的数据对象，但是既然现在是手工创建数据模型，我们׃用简单的形式。通常的语法是Q?/p>
another literal stringBR>
/SPAN>
留意q里的ID属性。ID几乎是所有Flex元素都具备的属性，它将元素“脓”上标志以区分其他元素。如果你要在数据l定或ActionScript中用这个元素，最好给它指定一个ID?/p>
不可见元素可以由你随意摆放，但是把他们放到程序的首部--卛_见元素的前面--是一个好习惯?/p>
Smooth and fragrantBR>
Rich and pungentBR>
Delicate and refinedBR>
/SPAN>
d一个显C咖啡品牌的ComboBox
Flex的ComboBoxcM于HTML的select功能Q而且更加强大。需昄的数l由dataProvider属性指定。你可以在dataProvider标签中直接创建数l，但是更ؓ常用的方法是在别处创建或导入一个数l，然后在dataProvider处指定：
q里的大括号告诉~译器：里面是一个变量或者代求算的变量，而不是字W串?/p>
如果对象包含label和data属性，他们会自动按昄数据QlabelQ和兌数据QdataQ区分，data可以是简单的|也可以是复杂的类型（如对象）。如果对象既没有label属性也没有data属性，那么整个对象作为data属性，而label属性则为由ComboBox的labelField属性指定的对象属性。例如ComboBox的labelFieldgؓ"name"Q那么label的值就为对象的name属性?/p>
8. 在Label之后d一个ComboBoxQid取ؓcoffeeCombQ用dataProvider属性将CombBoxl定C一步创建的coffeeArray数组Q?/p>
d一个显C明的Text(文本)控g
Text控g与Label怼Q不同的是它可以昄多行数据。这里我们用它来昄ComboBox中选中的咖啡品牌的说明。这里要用到ComboBox中选择的项目的data属性?/p>
9. 在ComboBox之后Q添加一个带有text属性的文本控gQ将text属性设|ؓ“Description:”然后加上一个到ComboBox选择目的data属性的l定Q?/p>
d一个增加咖啡品牌到购物栏的按钮
Button控g很简单。它有一个label的属性来讄昄的文字，q有一个click事gQ用来指定鼠标点M件的处理动作?/p>
在这里，我们d一个按钮，通过调用一个addToCart函数Q把ComboBox中选择的项目添加到购物栏中。我们将在后面创个函数?/p>
10. d一个显C“Add to Cart”的按钮Q被点击后调用addToCart函数Q?/p>
<mx:Button label="Add to Cart" click="addToCart()"/>
l购物Rd一个ListQ列表）控g
List控g和ComboBox唯一的区别是它能同时昄和选择多条目。这里用的List不需要指定dataProvider属性了Q因为它在用h加数据前是空的?/p>
11. 在按钮之后，d一个List控gQid取ؓcart:
<mx:List id="cart"/>
d一D处理按钮点M件的脚本
教程的最后一步是d一DActionScript脚本Q用来处理按钮的点击事g。在q个单的应用E序中，我们在Script标签中添加脚本?/p>
Script标签中的ActionScript代码被包含?<![CDATA[ ]]> 里面Q这个标志里面的内容不被XML解析器解析。这个是标准的XML用法Q在q里是ؓ了保护ActionScript的一些可能会被XML解析器误处理的一些字W（?lt;{）Q实际上q样不仅保护了这些字W，也省MXML解析器解析ActionScript内容?/p>
q里用到的ActionScript语法很简单，函数的通常语法是：
function 函数?参数1:数据cd...):q回数据cd
{
[ActionScript 语句]
}
在addToCart函数中，使用ListcȝaddItemҎd目。该Ҏ需要有label参数和data参数Q这些参数正好是ComboBox中选中的项目的label属性和data属性?/p>
12. 在Array标签之后Q插入一个带有CDATA包装的Script标签Q?/p>
<mx:Script>
<![CDATA[]]>
</mx:Script>
13. 在CDATA里面Q添加一个名为addToCart不返回Q何值的函数Q?/p>
function addToCart():Void
{
}
14. 在函C内部Q用ListcȝaddItemҎComboBox中所选项目label属性和data属性添加到List上?/p>
cart.addItem(coffeeCombo.selectedItem.label,coffeeCombo.selectedItem.data);
15. 保存文gQ在览器中预览应用E序 Q查看浏览MXML文g的方法见W一）
firstapp.mxml完整的代码：
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" >
<!-- data model -->
<mx:Array id="coffeeArray">
<mx:Object>
<label>Red Sea</label>
<data>Smooth and fragrant</data>
</mx:Object>
<mx:Object>
<label>Andes</label>
<data>Rich and pungent</data>
</mx:Object>
<mx:Object>
<label>Blue Mountain</label>
<data>Delicate and refined</data>
</mx:Object>
</mx:Array>
<mx:Script>
<![CDATA[
function addToCart():Void
{
cart.addItem(coffeeCombo.selectedItem.label,coffeeCombo.selectedItem.data);
}
]]>
</mx:Script>
<!-- view -->
<mx:Panel title="My First Flex App">
<mx:Label text="Coffee Blends"/>
<mx:ComboBox id="coffeeCombo" dataProvider="{coffeeArray}"/>
<mx:Text text="Description: {coffeeCombo.selectedItem.data}"/>
<mx:Button label="Add to Cart" click="addToCart()"/>
<mx:List id="cart"/>
</mx:Panel>
</mx:Application>/SPAN />/SPAN />/SPAN />/SPAN />/SPAN />/SPAN />/SPAN />/SPAN />/SPAN />/SPAN />/SPAN />/SPAN />/P>
q一步学?/strong>
在这个简单的例子中，我们学习了Flex的一些核心元素：容器、控件、数据模型、数据绑定和事g处理。你可以l箋看本pd教程Q?/p>
Flex 入门 Q?Q：创徏一个Flex计算?/a>
Flex 入门 Q?Q：使用容器
Flex 入门 Q?Q：使用数据模型
你也可以下載整个教程Q?a class="" target="_blank">Flex入门(1-4)?/p>
|
FLEXQ是Rich Internet Applications时代的牛×产物Q?img style="WIDTH: 706px; HEIGHT: 662px" height="662" src="http://www.sclt.com.cn/lif/blog/user1/3/upload/200511273756.jpg" width="672" /> Rich Internet ApplicationsQ翻译成中文为富因特|应用程序（Macromedia中文|站译为Rich Internet应用E序Q。传l网l程序的开发是Z面的、服务器端数据传递的模式Q把|络E序的表C层建立于HTML面之上Q而HTML是适合于文本的Q传l的Z面的系l已l渐渐不能满网l浏览者的更高的、全方位的体验要求了Q这是被Macromedia公司UC为的“体验问题”（"Experience Matters"Q，而富因特|应用程序（Rich Internet ApplicationsQ羃写ؓRIAQ的出现也就是ؓ了解册个问题?/p> 富因特网应用E序是下一代的桌面应用程序的交互的用户体验与传统的Web应用的部|灵zL和成本分析l合h的网l应用程序。富因特|应用程序中的富客户技术通过提供可承载已~译客户端应用程序（以文件Ş式，用HTTP传递）的运行环境，客户端应用程序用异步客?服务器架构连接现有的后端应用服务器，q是一U安全、可升、具有良好适应性的新的面向服务模型Q这U模型由采用的Web服务所驱动。结合了声音、视频和实时对话的综合通信技术富因特网应用E序QRIAQ具有前所未有的网上用户体验?/p> ZL的应用程??由基于主机（可以是大型计机或小型计机Q的计算发展而来的交互式应用E序。推动此阶段计算的商业需求来自于企业l织内部业务自动化，如工资表。应用程序在内部的专用网l间q行本地发布Q用L面的丰富性仅限制在文本范围内? 客户/服务器应用程??客户/服务器应用程序发展很快，q是因ؓ我们需要对企业l织内部的信息及应用E序q行部门U别的访问。仍然可以在企业l织内部本地讉K应用E序Q但随着囑Ş用户界面的出现及客户端处理的应用Q应用程序的丰富性大大提高了。 ? Web 应用 ?Web 应用E序的全局性应用，以及ZL集中理应用E序的模型，解决了客?服务器模型的主要限制Q?但对用户来说Q这需要巨大的投入。从处理的角度来看，Web 应用E序模型客L转变拟终端。用于提供最佳用户体验的主要交互问题消失了。这些主要问题包括直接控制、客L处理及局部存贮等。随着各企业组l认识到 Rich Internet Application 模型可生显著的商业利润、提高生产率及降低成本的优势后，q种模型的发展势头越来越猛烈。这些应用程序结合了桌面应用E序的反应快、交互性强的优点与 Web 应用E序的传播范围广及容易传播的Ҏ。系l架构发展的下一步是 Rich Internet ApplicationQ它最大程度地提高了广泛性和丰富性?/p> Macromedia Flex 是ؓ满希望开?Rich Internet 应用E序的企业E序员的需求而推出的表示服务器和应用E序框架。RIA 桌面Y件的响应速度和丰富功能与 Web 应用E序的广度结合在一P以提供效果更好的最l用户体验。Flex 表示服务器提供基于标准的、声明性的~程Ҏ和流E，q提供运行时服务Q用于开发和部v丰富客户端应用程序的表示层。Flex 开发者用直观的Z XML 的语a来定义丰富的用户界面Q该语言?Flex 服务器翻译成的客L应用E序Q在普遍存在?Flash q行时环境中q行?/p> Flex 应用E序与传l的 HTML 应用E序的主要区别在?Flex 应用E序处理最适合在客Lq行Q如字段校验、数据格式、分cR过滤、工hC、合成视频、行为及效果{。?Flex 可开发h员更好地交付应用E序Q这U应用程序用户可以q速反应、在不同状态与昄间流畅过渡，q提供毫无中断的q箋的工作流?/p> Flex 开发模型与JSP、ASP/ASP.NET 或其他类似的脚本语言的基本的模型是一LQ徏立一个包含应用程序源代码的文本文Ӟ然后此文g部v到服务器上；服务器在收到W一个请求时Q将此源码编译成为应用程序，后箋的请求将通过~存处理。与发送一pd的包含数据与 UI ?HTML 面不同QFlex presentation server 发送包含可在普遍的 Flash Player 虚拟Zq行的丰富客L用户界面。需要时QFlex 应用E序与服务器交换，数据以响应客L上终端用L操作?/p> 除了在现有的表示层上q行d外，Flex q不需要对当前的业务层与整合层q行M改变。Flex presentation server 在应用服务器内运行，qؓ Flex 应用E序提供整合与管理能力。Flex 整合的能力可以轻村֜通过 Web 服务、Java 对象讉K?XML 使用现有的代码及信息。Flex q可以与一些现有的表示技术与框架l构?JSP ?Struts {进行集成?/p> Flex 应用E序框架?MXML、ActionScript 2.0 ?Flex cd构成。开发h员利?MXML ?ActionScript 2.0 ~写 Flex 应用E序。利?MXML 定义应用E序用户界面元素Q利?ActionScript 2.0 定义客户逻辑与程序控制。Flex cd中包?Flex lg、管理器及行为等。利用基?Flex lg的开发模型，开发h员可在程序中加入预徏的组件、创建新lg或是预建的lg加入复合lg中?/p> 随着无数U类的应用程序可以通过 Flex 创徏?Rich Internet Application 前端加以增强Q品的设计也开始以改善h特定功能的应用程序ؓ目标了。Flex 最适用的应用程序包括解军_步处理的应用E序或需要客L验证、直接控制或是可视数据的应用E序?/p> MXMLQFlex 标记语言 MXML ?HTML 一h标记语言Q它描述了反映内容与功能的用L面。与 HTML 不同的是QMXML 可对表示层逻辑与用L面和服务器端数据l定提供声明抽象。MXML 可将表示与业务逻辑的问题彻底分开Q以实现最大程度地提高开发h员的生率及应用E序的重复用率。?MXML 的开发基是在q代q程上，q与其他cd?Web 应用E序文g?HTML、JSP、ASP ?ColdFusion 标记语言 (CFML) 是相同的。开?MXML 应用E序p打开一个文件编辑器一L单，只要输入一些标{、保存文Ӟ然后?Web 览器上打开文g URL 卛_?/p> MXML 文g同时也是普通的 XML 文gQ所以可以选择多种开发环境。可以在单文件编辑器、专?XML ~辑器或是支持文件编辑的集成开发环?(IDE) 中进行开发。由?MXML W合 W3C XML Ҏ的定义，您也可以使用l构化编辑，如代码着色和代码提示Q取决于~辑器的功能Q?/p> MXML和HTML间最大区别：前者定义的应用是编译的SWF文gQ执行于FlashPlayer客户端中。后者是Z面技术的应用。因此前者能提供更丰富的、动态的UI。MXML不支持Flash的某些特性，例如Q时间u。但是可以利用Flash设计lgq应用在Flex中。MXML应用可以是一个MXML文gQ也可以是多个MXMLl成QMXML支持MXML文g形式的自定义lg、ActionScript文g形式的自定义lg以及在Flash中徏立的自定义组件?/p> Flex Builder ?Macromedia 的适用?Flex 应用E序开发的 IDEQ集成开发环境）。Flex Builder 通过?Flex 用户提供一U与 Flex 服务器、应用程序模型和~程语言紧密集成?IDEQ超了一般代码编辑器。通过q种集成QFlex Builder ?Flex l的所有成员提供一U卓有成效的工作环境。Flex Builder ?Flex l定Q作为M解决Ҏ的一部分?/p> Flex Builder ?Flex 开发者带来三个根本好处： 快速学?Flex 在设计视图中部v Flex 界面后，生成界面的 MXML。MXML 变动后，设计 新。让 Flex Builder 向您昄如何为应用程序编?MXML。? 使用设计视图Q您可以拖拉lg建立用户界面Qƈ?Flex Builder 为您~?/p> MXML 代码时进行查看?查看每个 MXML 标记的所有选项可以更好C?MXML。? 使用?MXML ?ActionScript 集成的编辑器Q可以获得最佳的代码提示 完成? 更快速地开? 使用 Flex Builder 可以提高效率。与 Flex 服务器和框架的完全集成，可以?/p> 的生产环境。? 使用一个工P可以提供以下所有功能：对应用程序进行布局、编码、调?/p> 使用拖拉设计视图对应用程序进行快速布局和定型? 使用?MXML ?ActionScript 紧密集成的代码编辑器更快速地q行~码 使用集成的调试器调试应用E序逻辑和服务器通信? 让每个h溶入开发团? 让每个h溶入开发团队，从而徏立最高效?Flex 应用E序。当设计者全力部|?/p> Ӟ您可以生更有效的应用程序? 不习惯用大量代码的设计者也可以参与工作。用可视设计视图，设计?/p> 效地布局应用E序界面。? 与更改代码的E序员和更改设计视图的设计h员合作，开发您的应用程序?br />Flex安装配置完全教程 1、安装JDK1.5.0 >高>环境变量>pȝ变量>新徏(输入如下内容) 变量名：J***A_HOME 2、安装Tomcat5.5.6 1) 下蝲后双d装，在安装的q程中记住选中"service"选项Q这样Tomcat可以以windows服务的Ş式启动。我q里把Tomcat安装在D:\Flex\Tomcat 5.5\目录?/p> 2) 接着会配|http端口号和理密码Q按需要输入即可，q里可以为空Q端口默认ؓ8080?/p> 3) 安装q程中会要求指定JRE的目录，它会自动，按默认即可。如果没有检到Q手动动输入JRE安装目录p?/p> 4) Tomcat安装完成后会在状态栏生成一个小图标Q如果是l色的小三角表示Tomcat服务器已l启动成功，双击q个图标q入Tomcat服务控制収ͼ用Start和Stop开始和停止服务?/p> 5) 在浏览器中输入“http://localhost:8080”，如果出现一个Apache Tomcat/5.5.6的页面，证明Tomcat安装成功?/p> 3、安装Flex 1.5 1) W一步是解压~，双击下蝲下来的flex-15-win.exeQƈ选择一个解压羃到的目录Q比如“桌面”?/p> 2) 打开桌面上解压羃后的文g夹，名如"I1103705281"Q进入里面的windows目录Q双击Flex.exeq行安装?/p> 3) 安装界面如下图，点击Nextp了。过E中要求输入序列P如果留空则ؓ60天的试用版（序列L上好多，实在找不到的留言l我吧~呵呵Q。我q里把Flex安装在D:\Flex?/p> 4) 下面开始进行最重要的一步，Flex安装到Tomcat中去。进入Tomcat下的webapps目录Q我q里是D:\Flex\Tomcat 5.5\webappsQ，新徏两个目录Q一个是flexQ一个是samplesQ注意，Tomcat服务器是区分大小写的Q）?/p> 5) 用winzipFlexE序目录Q我q里是D:\FlexQ下的flex.war解压~到上一步徏立的flex目录。同Psamples.war解压~到上一步徏立的samples目录。至此，Flex1.5安装完毕?/p> 6) 在浏览器中打开“http://localhost:8080/samples/”，点击左边D栏的“Flex Explorer”，如果你看C个效果图Q证明Flex服务器已l安装成功！ 4、安装Flex Builder 1.5 1) 下蝲来的Flex Builder 1.5Q文件名为FlexBuilder1.5Installer.exeQ安装好后，如果没有序列P可以选择60天的试用版（扑ֺ列号吧。。。）?/p> 2) 启动后可以看刎ͼ界面和Dreamweaver非常怼。第一步和DW一P也是定义一个Flex站点。选择“Creat New”中的“Flex Site...”，在弹出的站点讄对话框中填入相应信息 3) 然后可以用Flex Builder做你的Flex站点了，呵呵?/p> |