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的命名规范 flex4.5 flex的命名规范 flex4.5
Flex 4 提供了多种主题皮肤供用户选择来改变整个项目的主题外观,Skin 的设计也将组件的逻辑元素与可视元素明确的区分开来,引入了新的皮肤和组件架构,被称为 Spark,但是 Flex 4 保留了 Flex3 的命名空间和组件库...
Skin 的设计也将组件的逻辑元素与可视元素明确的区分开来,引入了新的皮肤和组件架构,被称为 Spark,但是 Flex 4 保留了 Flex3 的命名空间和组件库,所以 Flex4 保持了与 Flex3 的向后兼容。 这里为您提供的是flex...
5.3 FlexBuilder3中的新内容 5.3.1 新向导 5.3.2 设训,模式的增强 5.3.3 开发功能的增强 5.3.4 CS3套件的整合 5.4 本章小结 第Ⅱ部分 使用FIex3开发应用程序 第6章 使用FIexBuilder3 6.1 ...
Flex3权威指南.part4.rar 留言中有人反映下载后打不开文件,我自己亲自测试了一下,分别用火狐和IE6下载后均可以正常打开。不知道你们是怎么回事,你们试试下载完成后严格按照我上面的名字列表分别命名文件名。我是...
第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 1.3节.创建ActionScript项目 1.4节.在FlexBuilder中设置MXML编译器选项 1.5节.在FlexBuilder外部编译Flex...
然后,打开 Flex Builder 3,创建一个新的 Flex Project,命名为 EmployeeMgmt-Flex: 图 3. 新建 Flex 工程 - 第一步 Flex Project 需要指定 Server 端的配置文件地址: 图 4. 新建 Flex 工程 - 第二步 ...
然后,打开 Flex Builder 3,创建一个新的 Flex Project,命名为 EmployeeMgmt-Flex: 图 3. 新建 Flex 工程 - 第一步 Flex Project 需要指定 Server 端的配置文件地址: 图 4. 新建 Flex 工程 - 第二步 ...
flexjs 必备资源之一,在安装falcon的时候需要此类。 目录了放在:apache-flex-flexjs-0.8.0-bin\in\falcon\lib\external 注意:要把jar命名为flex-tool-api.jar (文件名不出现版本号)
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视频缓存,提高播放效率,提高用户的体验度
flex 4.6 中实现手机端图片导入和旋转图片 里面有 3 个图片 文件没有上传(旋转按钮上的图标left.png right.png 和一个默认图片视图=^.^=.jpg 可自己修改一下)例如 自己加图片在 assets中并命名为这些名字 或 在...
S前缀为Sunflower简写,我们团队的命名空间。 项目步骤 使用vue-cli@2.9.3初始化项目; vue init webpack vue-layout-diy 根据个人/团队代码规范,配置eslint; 安装; 完成基于flex布局的组件SGrid SGridItem; ...
下载后,新建Flex Web工程,然后将文件按照文件夹结构拷贝进去后,编译,运行即可。但是主文件只需要拷贝内容,工程名字需要命名为testDemo。 功能包括 ViewStack的画面迁移 画面popup表示 鼠标在一览中滑动的事件...
手动整理的actionscript、flex代码规范,包括flex sdk4.6中推荐组件的建议命名
Flex 常见 编码规范,叫你如何规范代码 命名
CSS现在提供了许多诸如高级选择或是命名空间的特性,让我们来看看如何使用。我们会展示一些方法来选择和应用一些样式到部件上:使用namespace的全局选择,使用ID的选择,继承和状态的选择。
实用程序:部署配置(Flex / AIR) Deployment Config实用程序为检索配置并将其分布在PureMVC应用程序中的问题提供了一种简单的解决方案。 提供了对多个部署环境的支持,因此单个配置文件可以保存任意数量的部署...
了解Adobe Flex 命名空间 ............................................................................................................................. 32 了解命名空间如何转换为Flex 库 ...................