`
strugglesMen
  • 浏览: 111539 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

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

阅读更多

 

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>

 

分享到:
评论

相关推荐

    flex的命名规范

    flex的命名规范 flex4.5 flex的命名规范 flex4.5

    Flex4权威指南.pdf

    Flex 4 提供了多种主题皮肤供用户选择来改变整个项目的主题外观,Skin 的设计也将组件的逻辑元素与可视元素明确的区分开来,引入了新的皮肤和组件架构,被称为 Spark,但是 Flex 4 保留了 Flex3 的命名空间和组件库...

    flex4权威指南

    Skin 的设计也将组件的逻辑元素与可视元素明确的区分开来,引入了新的皮肤和组件架构,被称为 Spark,但是 Flex 4 保留了 Flex3 的命名空间和组件库,所以 Flex4 保持了与 Flex3 的向后兼容。 这里为您提供的是flex...

    FLEX从入门到精通.pdf

     5.3 FlexBuilder3中的新内容  5.3.1 新向导  5.3.2 设训,模式的增强  5.3.3 开发功能的增强  5.3.4 CS3套件的整合  5.4 本章小结 第Ⅱ部分 使用FIex3开发应用程序  第6章 使用FIexBuilder3  6.1 ...

    Flex3权威指南.part1.rar

    Flex3权威指南.part4.rar 留言中有人反映下载后打不开文件,我自己亲自测试了一下,分别用火狐和IE6下载后均可以正常打开。不知道你们是怎么回事,你们试试下载完成后严格按照我上面的名字列表分别命名文件名。我是...

    flex3的cookbook书籍完整版dpf(包含目录)

    第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 1.3节.创建ActionScript项目 1.4节.在FlexBuilder中设置MXML编译器选项 1.5节.在FlexBuilder外部编译Flex...

    将 Flex 集成到 Java EE 应用程序的最佳实践(完整源代码)

    然后,打开 Flex Builder 3,创建一个新的 Flex Project,命名为 EmployeeMgmt-Flex: 图 3. 新建 Flex 工程 - 第一步 Flex Project 需要指定 Server 端的配置文件地址: 图 4. 新建 Flex 工程 - 第二步 ...

    +Flex+集成到+Java+EE+应用程序的最佳实践(完整源代码)

    然后,打开 Flex Builder 3,创建一个新的 Flex Project,命名为 EmployeeMgmt-Flex: 图 3. 新建 Flex 工程 - 第一步 Flex Project 需要指定 Server 端的配置文件地址: 图 4. 新建 Flex 工程 - 第二步 ...

    flex-tool-api.jar

    flexjs 必备资源之一,在安装falcon的时候需要此类。 目录了放在:apache-flex-flexjs-0.8.0-bin\in\falcon\lib\external 注意:要把jar命名为flex-tool-api.jar (文件名不出现版本号)

    Flex新手教程_入门级学习笔记

    1.2包与命名空间 Package and NameSpace 1 1.3构造方法Constructor 2 1.4变量和值 Variable 2 1.5赋值 2 1.6 AS数据类型 3 1.7数据类型转换 3 1.8实例方法,实例变量和静态方法,静态变量 4 1.9接口 Interface 4 1.10...

    Flex中如何利用videoPlayer属性和mx_internal命名空间,清除VideoDisplay控件内容

    能够清除flex视频缓存,提高播放效率,提高用户的体验度

    flex 4.6 中实现手机端图片导入和旋转图片

    flex 4.6 中实现手机端图片导入和旋转图片 里面有 3 个图片 文件没有上传(旋转按钮上的图标left.png right.png 和一个默认图片视图=^.^=.jpg 可自己修改一下)例如 自己加图片在 assets中并命名为这些名字 或 在...

    vue-layout-diy:基于vue和flex的自定义布局

    S前缀为Sunflower简写,我们团队的命名空间。 项目步骤 使用vue-cli@2.9.3初始化项目; vue init webpack vue-layout-diy 根据个人/团队代码规范,配置eslint; 安装; 完成基于flex布局的组件SGrid SGridItem; ...

    Flex4.5 demo 一览滑动,翻页等功能

    下载后,新建Flex Web工程,然后将文件按照文件夹结构拷贝进去后,编译,运行即可。但是主文件只需要拷贝内容,工程名字需要命名为testDemo。 功能包括 ViewStack的画面迁移 画面popup表示 鼠标在一览中滑动的事件...

    as_flex代码规范

    手动整理的actionscript、flex代码规范,包括flex sdk4.6中推荐组件的建议命名

    Flex 常见 编码规范

    Flex 常见 编码规范,叫你如何规范代码 命名

    如何在Flex 4 中使用新的CSS语法.doc

    CSS现在提供了许多诸如高级选择或是命名空间的特性,让我们来看看如何使用。我们会展示一些方法来选择和应用一些样式到部件上:使用namespace的全局选择,使用ID的选择,继承和状态的选择。

    puremvc-as3-util-flex-deploymentconfig:PureMVC AS3 Flex实用程序

    实用程序:部署配置(Flex / AIR) Deployment Config实用程序为检索配置并将其分布在PureMVC应用程序中的问题提供了一种简单的解决方案。 提供了对多个部署环境的支持,因此单个配置文件可以保存任意数量的部署...

    Flex_4:开发RIA_应用程序.pdf

    了解Adobe Flex 命名空间 ............................................................................................................................. 32 了解命名空间如何转换为Flex 库 ...................

Global site tag (gtag.js) - Google Analytics