- 浏览: 337455 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
wangjun0603：
学习了，写的真好！
native2ascii的简单应用 -
qq672076266：
...
native2ascii的简单应用 -
loyalboys：
...
native2ascii的简单应用 -
hanjinting1004：
...
Flex开发者需要知道的10件事 -
管好你家猫：
学了，文章，
native2ascii的简单应用
Flex 4带给我们的，是全新的命名空间。了解这些命名空间必定是一件好事情。Flex 4有三个非常重要的命名空间，分别是：
•xmlns:fx=”http://ns.adobe.com/mxml/2009″
•xmlns:mx=”library://ns.adobe.com/flex/halo”
•xmlns:s=”library://ns.adobe.com/flex/spark”
1、xmlns:fx=”http://ns.adobe.com/mxml/2009″
fx命名空间下包含ActionScript顶级元素和内建到MXML编译器里的标签。
前者ActionScript顶级元素就是指 Object、Number、Boolean以及Array对象等等，在《Adobe Flex 4 Beta Language Reference》的顶级包（Top Level）里可以查看完整的顶级元素。后者内建到MXML编译器里的标签包括<fx:Script>、<fx:Declarations>和<fx:Style>等等，在《Adobe Flex 4 Beta Language Reference》附录（Appendixes）里的“MXML Only Tags”可以查看完整的编译器元素。值得注意的是，这个命名空间并不包含 Halo 和 Spark 组件（Halo是以前版本的组件库，而Spark是Flex 4新出的组件库）。在Flash Builder安装目录下可以找到“mxml-2009-manifest.xml”文件（例如我的电脑是C:\Program Files\Adobe\Flash Builder Beta\sdks\4.0.0\frameworks\mxml-2009-manifest.xml），这个xml文件描述了完整的ActionScript顶级类。不过你可以注意到，它并没有包含MXML编译器标签，那是因为这些标签是内建到MXML编译器。
2、xmlns:mx=”library://ns.adobe.com/flex/halo”
mx命名空间包含着放在 mx.* 包里那些组件，Flex图表、Flex数据可视化组件等等。对Flex 3很熟悉的话，mx包里的组件你也不陌生了。在Flex 4 SDK的安装目录下可以找到“halo-manifest.xml”文件（例如我的电脑是C:\Program Files\Adobe\Flash Builder Beta\sdks\4.0.0\frameworks\halo-manifest.xml），这个XML文件列出了所有组件了。
3、xmlns:s=”library://ns.adobe.com/flex/spark”
s命名空间可真是新鲜事了，spark.* 包里的组件都在这个命名空间里，不只spark包，flashx.*包的text framework类也在这个命名空间里。这个命名空间包含不少RPC类，例如 WebService、HTTPService和RemoteObject组件，这些组件同时也在mx命名空间下，也就是说，创建这些组件时，你不但可以使用“S:”前缀，也可以使用“mx:”前缀。其实不只这些RPC组件共用两个命名空间，像graphics、effect和state类也是共用 s 和 mx 命名空间的。在Flex 4 SDK安装目录下打开spark-manifest.xml文件来看看完整的spark组件吧。
2.新组件或容器
新的控件和容器
Flex 3 Halo Component Flex 4 beta Spark Component
mx.controls.Button spark.components.Button
mx.controls.ButtonBar spark.components.ButtonBar
mx.controls.CheckBox spark.components.CheckBox
mx.controls.ComboBox spark.components.DropDownList
mx.controls.HorizontalList spark.components.List
mx.controls.HRule spark.primitives.Line
mx.controls.HScrollBar spark.components.HScrollBar
mx.controls.HSlider spark.components.HSlider
mx.controls.Image spark.primitives.BitmapImage
mx.controls.LinkBar spark.components.ButtonBar
mx.controls.LinkButton spark.components.Button (with a custom skin)
mx.controls.List spark.components.List
mx.controls.NumericStepper spark.components.NumericStepper
mx.controls.RadioButton spark.components.RadioButton
mx.controls.RadioButtonGroupspark.components.RadioButtonGroup
mx.controls.TextArea spark.components.TextArea
mx.controls.TextInput spark.components.TextInput
mx.controls.TileList spark.components.List (with a TileLayout)
mx.controls.ToggleButtonBar spark.components.ButtonBar
mx.controls.VideoDisplay spark.components.VideoPlayer
mx.controls.VRule spark.primitives.Line
mx.controls.VScrollBar spark.components.VScrollBar
mx.controls.VSlider spark.components.VSlider
mx.core.Application spark.components.Application
mx.core.Window spark.components.Window
mx.core.WindowedApplication spark.components.WindowedApplication
mx.containers.Canvas spark.components.Group
mx.containers.HBox spark.components.HGroup
mx.containers.Panel spark.components.Panel
mx.containers.Tile spark.components.Group (with a TileLayout)
mx.containers.VBox spark.components.VGroup
3.未变动组件
mx.controls.Alert
mx.controls.ColorPicker
mx.controls.DataGrid
mx.controls.DateChooser
mx.controls.DateField
mx.controls.Menu
mx.controls.MenuBar
mx.controls.PopUpButton
mx.controls.PopUpMenuButton
mx.controls.ProgressBar
mx.controls.RichTextEditor
mx.controls.TabBar
mx.controls.Tree
mx.containers.Accordion
mx.containers.ApplicationControlBar
mx.containers.ControlBar
mx.containers.DividedBox
mx.containers.Form
mx.containers.Grid
mx.containers.TabNavigator
mx.containers.TitleWindow
mx.containers.ViewStack
4.共用的S和mx的控件
| RPC classes |
|
| Graphics classes |
|
| Effedt classes |
|
| States classes |
|
想更快了解Flex 4，可以下载《Adobe Flex 4 Help》看一下。
其中的一些我认为必要了解的内容：
1、xmlns:mx="library://ns.adobe.com/flex/halo" 和 xmlns:s="library://ns.adobe.com/flex/spark"是平级的，而xmlns:fx="http://ns.adobe.com/mxml/2009"是ActionScript 3.0顶级的内容。也就是说，如果在某一个Project里面只使用halo的话，则可以在Application里面去掉spark的定义。（反之亦然）
2、xmlns:mx="library://ns.adobe.com/flex/halo" 和 xmlns:s="library://ns.adobe.com/flex/spark"其中有一部分是公用的，这点请大家注意一下（关于为什么是公用的，我猜测是为了让Flex SDK 2 和 Flex SDK 3迁移到Flex SDK 4(Gumbo)的过程更方便一些造成的。）
3、xmlns:fx="http://ns.adobe.com/mxml/2009"保留Flex SDK 2 和 Flex SDK 3时代的一些顶级包以外，还新增加了一些标签，如：<Declarations>、<DesignLayer><Library><Private><Reparent>
4、当需要定义一个在xmlns:mx="library://ns.adobe.com/flex/halo" 和 xmlns:s="library://ns.adobe.com/flex/spark"都存在的组件或者意义相同的组件，Adobe建议使用spark，而不是原来的halo。
from：http://blog.csdn.net/zjhzyzc/archive/2009/09/27/4602322.aspx
发表评论
-
应用避免访问浏览器缓存
2011-05-12 17:33 1400项目经常遇到这么个问题：程序做了改动之后，由于浏览 ... -
flex皮肤资源
2011-05-05 15:28 1303如果要找flex皮肤，这里的皮肤真是多。http: ... -
flex利用asdoc生成doc和制作chm
2011-04-02 17:33 1637How to set up ASDoc in Flex Bui ... -
restrict的应用实例
2011-04-02 11:54 11381. 限制某个字符的输入，用符号 ^ 跟上要限制的 ... -
flex中as、instanceof、is、 typeof用法
2011-03-24 09:48 4562“as” 我主要用它做类型转化 假设有一个类叫做 ... -
在Chart上画平均线的三种方法
2011-02-16 14:52 1429在Chart上画平均线的三种方法 ... -
Flex Frameworks
2010-11-12 15:32 1001Some say that if a t ... -
flex4国际化
2010-11-11 16:56 2132国际化变得如此简单 <?xml versi ... -
使用ToolTipManager自定义tooltip
2010-11-05 14:52 2623直接贴代码，一看就懂。 <?xml version=& ... -
flex 校验
2010-11-05 14:41 1036①flex中的校验可以使用mx.validator ... -
socket中writeUTF和writeUTFBytes的区别
2010-11-03 10:25 2803Q：用writeUTF发送数据的时候，后台多 ... -
修改flex默认loading
2010-10-18 13:51 2530一： SWF Flex 2 PreloaderSWF ... -
AIR文件操作
2010-09-26 10:01 2934AIR文件操作(一):AIR文件基础 AI ... -
ActionScript 3.0 Socket编程
2010-09-17 17:25 1196在使用ActionScript3.0进行编程的时候需要注 ... -
as 对象深度拷贝
2010-08-20 10:32 995这是一篇关于as3中对象深度拷贝的问题今天自己总结下,便 ... -
Create a FlexUnit TestCase
2010-04-29 20:34 1050Problem How to create a Fle ... -
as3corelib
2010-04-29 20:10 1490google code ：http://code. ... -
FusionCharts
2010-04-28 19:26 2373无意中接触到这个产品FusionCharts,3D ... -
flex datagrid自动换行
2010-04-19 17:10 2893以为datagrid的自动换行有多复杂，其实 ... -
让Enter键盘起到Tab键盘的功能
2010-04-19 16:25 871让Enter键盘起到Tab键盘的功能 ...
相关推荐
FLEX 命名空间包括三个主要部分：fx、s 和 mx。fx 命名空间代表 MXML 语言要素和 Flex4 中编译器指令。s 命名空间包含 Flex4 中所有新的 Spark 可视化组件。mx 命名空间是 Flex3 Halo 组件库的代表，也是已知的 mx ...
例如，fx代表MXML语言元素和编译器指令，s代表Spark组件库，mx则代表Halo（Flex3）组件库。这些命名空间在flex-config.xml文件中通过URI映射到相应的库。 - 自定义命名空间：开发者还可以定义自己的命名空间，将...
1. **命名空间声明**：首先，我们看到`<s:Application>`标签中的`xmlns:`属性指定了Flex SDK的命名空间。这非常重要，因为它们允许我们在样式中引用不同的皮肤和组件类型。 - `xmlns:fx=...
例如，在Flex3中，我们使用的是 `<mx:Application>` 作为根容器，而在Flex4.5中则是 `<s:Application>`，这反映了不同的命名空间和组件库。 #### 三、第一章：可视化组件运用 Flex中的“可视化组件”是指那些能够...
1. **MXML代码方式**：直接在MXML文件中设置 `skinClass` 属性为定义好的皮肤类的完整命名空间路径。例如： ```xml ``` 2. **ActionScript代码方式**：在ActionScript代码中设置控件的 `skinClass` 属性。 ```...
Flex 4将功能和组件划分为三个主要的命名空间：fx（核心功能），mx（Flex 3 MX组件），s（Flex 4 Spark组件）。开发者也可以自定义命名空间来存放自己的类。 **MXML书写规范** 书写MXML时，需要注意以下几点： 1. ...
此外，组件的外观可以通过样式选择器设置，如在Flex4中需要指定命名空间来使用类选择器。效果（Effect）则允许开发者实现平滑的动画效果，如淡入淡出、移动等。 数据绑定是Flex中的重要特性，它实现了源属性和目标...
在Flex开发中，ItemRenderer是一种非常关键的组件，它允许我们自定义MX或者Spark列表类（如List、DataGrid等）中的数据项显示方式。ItemRenderer使得开发者能够以更个性化的方式展示数据，提升用户界面的视觉效果和...
在这个文件中，我们需要继承自`MX:Canvas`或`Spark:Label`（取决于你使用的Flex版本，MX是Flex 3.x时代的组件，Spark是Flex 4.x及以后版本的组件）。 ```mxml <!-- 如果使用Spark组件 --> <fx:Script> <![CDATA[ ...
- 通过`xmlns`属性定义了多个命名空间，便于引用Flex组件库中的不同组件。 **2. 命名空间引用** - `xmlns:employeeservice="services.employeeservice.*"`表示引入了自定义的服务命名空间。 **3. Script定义** ...
在Flex 4中，类选择器需要使用特定的命名空间，例如： ```css @namespace s "library://ns.adobe.com/flex/spark"; s|BorderContainer { borderColor: red; } ``` #### 十一、效果(Effects) Flex支持添加各种视觉...
在Flex Builder或使用MXMLC编译器时，确保包含了`flex.net`命名空间，这样我们才能使用FTP相关的类。在MXML文件中，你可以通过添加以下元标签来导入： ```xml <fx:Import namespace="mx:core"/> <fx:Import ...
这里定义了三个命名空间：`fx`、`s` 和 `mx`。这些命名空间分别对应Flex的不同库，便于在MXML文件中引用各类组件。 #### 2. **脚本区域** 接下来是脚本区域，其中包含了变量和函数的定义： ```xml <fx:Script> <!...
`<s:Application>`是应用程序的根元素，其中包含命名空间声明和最小尺寸设置。`<s:VerticalLayout>`定义了布局方式为垂直居中对齐。 ##### 2. 初始化处理 ```actionscript protected function application1_...
配置RemoteObject时，需要指定服务端接口的命名空间、服务名以及要调用的方法。 例如，创建一个名为`UserService`的Java服务，包含`login`方法，可以在Flex中这样配置： ```xml <fx:Declarations> <mx:...
1. 类选择器：使用命名空间设置组件样式，如 `s|BorderContainer{borderColor:red;}`。 2. 动态设置样式：通过 `setStyle()` 方法直接修改组件样式。 【效果（Effect）】 效果是组件在特定时间内发生的视觉或听觉...