Flex 3 与 Flex 4 之间的区别---Flex 4 中的命名空间与包

最新推荐文章于 2025-08-24 18:12:01 发布

原创最新推荐文章于 2025-08-24 18:12:01 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Adobe #CSS #框架

Flex4框架通过将组件划分为不同类，明确区分了可视部分与其他行为。此版本引入了spark.*包，并提供了新的组件和效果。为了防止MXML中的命名冲突，Flex4SDK包含了四个独特的命名空间。

FLEX 4 架构变化概述

Flex 4框架将组件可视部分与其剩余行为明确划分开。在 Flex 3 中，组件的代码包括以其行为、布局和可视变化为中心的逻辑。在 Flex 4 中，组件被划分为不同的类，各个类负责处理特定的行为。

在将 Flex 3 类原封不动地保留在同一 mx.* 包中的同时，Flex 4 SDK 为组件、核心类、效果、滤镜、布局、基元、外观和 utils 引入了 spark.* 包。

Flex 4 SDK 提供一套新的组件和效果，它们与 Flex 3 组件共享许多相同类名。为了避免 MXML 中出现名称冲突，Flex 4 SDK 随附四个独特的命名空间：MXML 2006、MXML 2009、Spark 和 Mx。

MXML 2006：之前版本的 Flex 中使用的旧版 MXML 语言命名空间。使用 Flex 4 beta 编译的 Flex 3 应用程序可以继续使用这个命名空间。

URI：http://www.adobe.com/2006/mxml

默认前缀：mx

MXML 2009：新的 MXML 语言命名空间。这纯粹是一个语言命名空间，不包含组件标签。

URI：http://ns.adobe.com/mxml/2009
默认前缀：fx

Spark：这个命名空间包含所有新的 Spark 组件。它应当与 MXML 2009 语言命名空间一起使用。

URI：library://ns.adobe.com/flex/spark
默认前缀：s

MX：这个命名空间包含所有 MX 组件。它应当与 MXML 2009 语言命名空间一起使用。

URI：library://ns.adobe.com/flex/mx
默认前缀：mx

以下是使用 MXML 2009、Spark 和 Halo 命名空间创建一个简单的 Flex 4 beta 应用程序的简明示例。它使用一个 MX DateChooser 和一个 Spark Button。

<s:Application
  xmlns:fx="http://ns.adobe.com/mxml/2009"  
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx">
    
    <mx:DateChooser id="main_calendar" x="20" y="20"/>
    <s:Button label="submit" x="220" y="20"/>
 
</s:Application>

Flex 4 SDK 还在 CSS 中加入了多命名空间支持。如果将 MXML 2009、Spark 和 MX 命名空间与字体选择器一起使用，您需要在 CSS 定义中定义一组命名空间以避免名称冲突。

以下是一个将字体选择器用于 MX 和 Spark 组件的 CSS 示例：

<fx:Style>
 
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/mx";
 
    s|Button {
        color: #FF0000;
    }
 
    mx|DateChooser {
        color: #FF0000;
    }
 
</fx:Style>