`
sdjn_jiangxiaobei
  • 浏览: 2145 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

flex标签

 
阅读更多

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的控件

Category Class

RPC classes

    mx.messaging.channels.AMFChannel

    mx.rpc.CallResponder

    mx.messaging.ChannelSet

    mx.messaging.Consumer

    mx.messaging.channels.HTTPChannel

    mx.rpc.http.mxml.HTTPService

    mx.messaging.Producer

    mx.rpc.remoting.mxml.RemoteObject

    mx.rpc.remoting.mxml.Operation

    mx.messaging.channels.RTMPChannel

    mx.messaging.channels.SecureAMFChannel

    mx.messaging.channels.SecureStreamingAMFChannel

    mx.messaging.channels.SecureHTTPChannel

    mx.messaging.channels.SecureStreamingHTTPChannel

    mx.messaging.channels.SecureRTMPChannel

    mx.messaging.channels.StreamingAMFChannel

    mx.messaging.channels.StreamingHTTPChannel

    mx.rpc.soap.mxml.WebService

    mx.rpc.soap.mxml.Operation

    mx.data.mxml.DataService

Graphics classes

    mx.graphics.BitmapFill

    mx.geom.CompoundTransform

    mx.graphics.GradientEntry

    mx.graphics.LinearGradient

    mx.graphics.LinearGradientStroke

    mx.graphics.RadialGradient

    mx.graphics.RadialGradientStroke

    mx.graphics.SolidColor

    mx.graphics.SolidColorStroke

    mx.graphics.Stroke

    mx.geom.Transform

Effedt classes

    mx.effects.Parallel

    mx.effects.Sequence

    mx.states.Transition

    mx.effects.Wait

States classes

    mx.states.State

    mx.states.AddItems

        想更快了解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


分享到:
评论

相关推荐

    flex 标签云源代码

    Flex标签云是一种动态展示文本标签的技术,常用于网站的关键词展示或者分类导航,它通过动态调整各个标签的大小和位置,创造出视觉上引人注目的效果。本源代码实现了在不同方向(上下左右)滚动的Flex标签云,适用于...

    Flex 标签云 特效 漂亮

    创建一个简单的Flex标签云可能涉及到以下代码: ```actionscript public class TagCloud extends UIComponent { private var tags ArrayCollection; public function TagCloud() { tags = new ArrayCollection...

    Flex标签云CumulusTagCloud.zip

    Flex标签云CumulusTagCloud.zip是一个包含Flex技术实现的动态标签云组件的压缩包。这个组件主要用于展示数据标签,以云状布局呈现,用户可以通过它在网页应用中以视觉友好的方式显示大量的分类标签。Flex是Adobe开发...

    Flex 3D标签云

    Flex 3D标签云是一种在Flex平台上创建动态、立体效果的标签展示技术,它通过将传统的二维标签转换为三维空间中的旋转元素,为用户提供了更直观、更具视觉吸引力的交互体验。这种技术常用于网站、应用程序或者数据...

    FlexModule_j2ee Flex 与JSP 整合用的.jar 文件

    FlexModule_j2ee的核心是将Flex组件与JSP页面集成,通过这个.jar文件,开发者可以在JSP中引入Flex标签,如`&lt;flex:mx:Application&gt;`等,这些标签能够直接在JSP页面中嵌入Flex组件,使得Flex的应用能够在JSP环境中无缝...

    flex嵌入jsp所需的完整包4个

    整合完成后,开发者就可以在JSP页面中通过Flex标签创建用户界面,并利用后台Java服务处理业务逻辑和数据操作。这种方式结合了Flex的富客户端体验和JSP的强大服务器端能力,为开发高性能、交互性强的Web应用提供了...

    flex做的电子书

    电子书标签表明这是关于图书阅读的应用,而Flex标签则揭示了实现这个应用的技术手段。 压缩包中的文件列表提供了项目结构的线索: 1. `.actionScriptProperties`:这是一个ActionScript的配置文件,用于存储项目的...

    flex嵌入jsp心得

    - **在JSP中引入Flex Tag Library**:通过`&lt;%@taglib uri="FlexTagLib" prefix="mm"%&gt;`指令启用Flex标签库,使得在JSP页面中可以直接编写或引用Flex代码成为可能。 #### 4. 在JSP中编写或引用Flex代码 一旦完成了...

    flex教程实例详解

    在“Flex标签”部分,教程会详细介绍Flex提供的各种UI组件,如Button、Text、List等,以及如何自定义组件以满足特定的设计需求。同时,也会讲解如何通过样式和皮肤来改变组件的外观,提升用户体验。 “渲染器的详解...

    Flex 3D云标签

    Flex 3D云标签是一种基于Adobe Flex技术的高级可视化组件,它允许用户在3D空间中展示和交互标签,常用于构建动态、富有视觉冲击力的用户界面。Flex是Adobe Flex SDK的一部分,它是一个开放源代码框架,用于构建富...

    FLEX环境搭建及开发流程

    在web.xml中添加Flex的相关配置,如`&lt;taglib&gt;`元素,以便在JSP中使用Flex标签。 三、开发流程 1. **创建MXML文件**:MXML是Flex的主要编程语言,用于构建用户界面。在IDE中创建一个新的MXML文件,定义组件布局和...

    asp.net+flex实现的网络硬盘

    Flex标签则表明前端界面采用了Flex技术,提供了一种高效、动态的交互体验。 【压缩包子文件的文件名称列表】 - `Web.config`:这是ASP.NET应用程序的核心配置文件,包含了应用程序的运行时设置,如数据库连接字符...

    flex教程_chm

    "flex参考"标签表明教程中可能包含了大量的技术参考材料,例如Flex的MXML语言、ActionScript 3.0编程语言、数据绑定、事件处理、服务调用等方面的内容。这些都是构建Flex应用的基础,开发者需要熟悉这些概念和技术,...

    flex 官方文档 中文教程

    Flex提供了大量预定义的UI组件,如按钮、标签、列表、面板等,开发者可以通过这些组件快速搭建用户界面。每个组件都有丰富的属性和方法,可自定义样式和行为。 5. **布局管理** Flex支持多种布局管理器,如垂直...

    FLEX安装和配置全步骤

    3. 编辑主类(通常是src目录下的Main.mxml),修改其中的`&lt;mx:Label&gt;`标签内容,以显示你想要的文字。 4. 按`Ctrl + B`或点击运行按钮来编译并运行项目。浏览器中将展示你的第一个FLEX应用。 **理解FLEX的基本结构*...

    Flex 中的元数据标签

    Flex 中的元数据标签的用法和详细介绍

    Flex教程大全 flex快速入门

    它基于XML标准,使得开发者可以通过简单的标签语法来构建复杂的UI组件。 ##### 1. MXML的基本结构 MXML文档通常由以下几部分组成: - **文档类型声明**:指定文档的版本及编码方式。 - **根元素**:通常是`...

    flex as3 元数据标签综合

    ### Flex AS3 元数据标签综合解析 #### 一、元数据标签概述 在Flex与AS3(ActionScript 3)开发中,元数据标签(Metadata Tags)是一种重要的语法结构,用于向编译器提供有关类或成员的额外信息。这些标签能够帮助...

Global site tag (gtag.js) - Google Analytics