Spark组件,Halo组件及Flex4的命名空间.docx

第5课　Spark组件、Halo组件和Flex 4命名空间2010-08-31 16:23 张猛 译 人民邮电出版社?我要评论(0)?字号：T?|?T综合评级：想读(0)???在读(0)???已读(5)????品书斋鉴(0)????已有5人发表书评《Flex 4一学就会》教你轻松掌握Flex 4。第1章我们将学习如何获得Flex 4，如何构建基本的Flex4应用程序。我们的目标是掌握Flex应用程序的基本结构和基本语法。另外，本章还会介绍Flex 4体系的整体情况。本节说的是Spark组件、Halo组件和Flex 4命名空间。AD：第5课　Spark组件、Halo组件和Flex 4命名空间在继续学习之前，我们应该正视你第一次查看Flex 4应用程序时注意到的一件事：命名空间以及为什么需要使用3个命名空间。为了掌握这个概念，我们需要了解关于Flex组件的小故事。?曾几何时（在Flex 1.0、Flex 1.5、Flex 2和Flex 3中），所有组件都是所谓的Halo（光晕）组件，因为这些组件都有漂亮的光晕。（如果我没记错，在Flex 1.0和Flex 1.5中是绿色的，在Flex 2和Flex 3中是蓝色的。）不论如何，既然有这么一套组件，它们就一直在同一个命名空间内。在Flex 3中，这个命名空间是/?2006/mxml，所以Flex应用程序看起来总是这样的：?很简单，是吧？这个命名空间被分配的前缀是mx，这样你就可以编写出mx:Button或mx:Application这样的代码。但是，这种简化隐藏了一个大问题：Halo组件不便于设计人员换肤，这意味着如果没有大量的编程工作，就无法改变它们的外观。给这些组件换肤超出了CSS（层叠样式表）的功能，通常必须继承它们并编写大量自定义代码。由于Flash和Flex正在努力进入许多面向设计的开发机构，因此换肤这类事情的发生机会远远超过普通Java开发人员或.NET开发人员的想象。没人希望费力地去改变Flex核心组件行为机构的时间表和最后期限。Adobe公司比大多数大公司更了解设计师，所以Adobe公司为Flex 4制定的一个主题就是随心设计。从营销的角度说，这意味着Adobe公司更在意设计师-开发人员这一工作流程，并努力优化这一流程。??在这节课中，我们看看只使用Halo组件的Flex 4应用程序是什么样。我们创建的应用程序与上一课的相同，也是一个Todo List。这很有用，因为作为Flex开发人员，你可能每天仍然需要使用一些Halo组件（我们将在第5章中介绍其中一些）。开发过Flex 3应用程序的人会发现下面的代码很眼熟。session05/src/TodoList.mxml???对Flex新手来说，Halo应用程序的根标记是mx:Application。回顾前面的实训课，可以看到以前用的根标记是s:Application（针对Spark应用程序）。我们创建了3个XML命名空间：第一个的前缀是fx，代表核心Flex命名空间（/mxml/2009）。第二个的前缀是s，代表新的Spark组件命名空间（library:///flex/ spark）。第三个的前缀是mx，代表旧的Halo组件命名空间（library:///flex/ halo）。最后，我们创建了一堆Halo组件，如Panel、HBox、Label、List和ControlBar。Halo的HBox和VBox相当于Spark中的HGroup和VGroup。下面我们创建与第3课中的Task类相同的Task类。session05/src/com/pomodo/model/Task.as?运行应用程序，结果如下图所示。?有过Flex 3经验的人可能感到惊讶：这个效果根本不像Flex 3的Halo应用程序！原因很简单：Adobe公司了解你在Flex 4中需要将Halo和Spark组件混合使用，需要新老组件的外观匹配，所以他们在Flex 4中改变了Halo组件的样式，以便与Spark组件匹配。?要点因为Flex 4引入了一套全新的组件（Spark组件），所以Flex 4应用程序通常使用3个XML命名空间。旧的Halo组件是Flex 1至Flex 3中使用的组件。按约定，它们使用mx前缀。Halo组件的命名空间是library:///flex/ halo。在Spark还没有对应组件时，还需要使用Halo组件，例如DataGrid。按约定，新的Spark组件使用s前缀，代表新的命名空间library://ns. /flex/spark。这些组件具有随心设计的特点，使设计人员和开发人员可以和谐共处。fx前缀代表核心Flex命名空间（/mxml/2009）。这里面有声明、元数据、脚本块等--基本上都是非可视语言元素。接下来的内容本章快速了解